javascript实现无缝上下滚动特效

本文实例讲解了javascript实现无缝上下滚动的代码，分享给大家供大家参考，具体内容如下

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

效果图如下：

代码如下：

 
 
 
php
java
ruby
python
www.phpddt.com

以上就是本文的全部内容，希望对大家的学习有所帮助。