这种例子在网上一搜就是一大把,但是对于我这种js菜鸟来说,编程逻辑才是我要掌握的东西。于是把做过的东西再记下来,再次理清一下思路。
循环滚动的原理
制作一个无缝向上滚动,我们所要利用的是scrollTop属性。一般的做法是把要滚动的内容A放在一个容器C里面。通过不停的改变scrollTop的值,从而得到滚动的效果,为了让滚动能够连续,我们还要复制一遍A,当A的复制品B超出C的可视野区域时,让scrollTop变回0,这样就造成一种循环滚动的假象。例图如下:

具体效果请看Demo
Read More →

