javascript实现无缝上下滚动特效_javascript技巧

js实现上下无缝滚动的原理是这样的：
1、首先给容器设定高度或宽度，然后overflow:hidden；
2、容器高度设定后，内容超出则被隐藏。
3、改变容器的scrollTop（上下滚动）属性的值，让内容上下移动一个节点的位置（滚动的原理）；
4、到滚动的高度scrollTop大于或等于要滚动节点的高度时，设置scrollTop=0，并把把子节点树中的第一个移动到最后，重新开始滚动，无间断循环滚动效果就出现了。

效果图如下：

代码如下：

javascript实现无缝上下滚动特效_javascript技巧

javascript实现无缝上下滚动特效_javascript技巧:本文实例讲解了javascript实现无缝上下滚动的代码，分享给大家供大家参考，具体内容如下 js实现上下无缝滚动的原理是这样的： 1、首先给容器设定高度或宽度，然后overflow:hidden； 2、容器高度设定后，内容超出则被隐藏。 3、改变容器的scrollTo

推荐度：

点击下载本文 文档为doc格式