JavaScript图片无缝上下滚动效果

图片的无限上下滚动效果,用纯 JavaScript 实现,挺适合做公告栏、广告位或者图片列表展示的。关键是它能做到首尾无缝衔接,看着顺眼。核心代码就是利用两个 div 内容相同,用定时器配合 offsetTop 做位置判断,滚动到底了就重置一下位置。

哦,对了,速度用 setInterval 控制的,调起来方便,想慢慢滚、还是飞快过去,都随你。整体逻辑比较简单,代码也好理解,搬到项目里几乎不用改。

如果你要做一个轮播图以外的滚动效果,不妨试试这个,比较适合想要“低调中带点动感”的页面。

html 文件大小:1.4KB