JavaScript图片无缝上下滚动效果
图片的无限上下滚动效果,用纯 JavaScript 实现,挺适合做公告栏、广告位或者图片列表展示的。关键是它能做到首尾无缝衔接,看着顺眼。核心代码就是利用两个 div
内容相同,用定时器配合 offsetTop
做位置判断,滚动到底了就重置一下位置。
哦,对了,速度用 setInterval
控制的,调起来方便,想慢慢滚、还是飞快过去,都随你。整体逻辑比较简单,代码也好理解,搬到项目里几乎不用改。
如果你要做一个轮播图以外的滚动效果,不妨试试这个,比较适合想要“低调中带点动感”的页面。
1.4KB
文件大小:
评论区