本文解释了javascript中无缝上下滚动的代码，并分享给大家参考。具体内容如下。

js实现无缝上下滚动的原理如下：1。首先设置容器的高度或宽度，然后飞越： hidden；2.设置容器高度后，容器外的内容将被隐藏。3.更改容器的scrollTop属性的值，让内容上下移动一个节点(滚动的原理)；4.当滚动的高度大于等于要滚动的节点的高度时，设置scrollTop=0，将子节点树中的第一个移动到最后一个，再次开始滚动，会出现不间断循环滚动的效果。

效果图如下：

代码如下：

div id=' cole ' style=' overflow : hidden；高度：100 px；宽度width:410px' border:1px纯红；'div id=' cole 1 ' pphp/ppjava/ppuby/ppython/ppwww . phpddt.com/p/div div id=' cole 2 '/div/div script//速度设置var speed=1；var cole 2=document . getelementbyid(' cole 2 ')；var cole 1=document . getelementbyid(' cole 1 ')；var cole=document . getelementbyid(' cole ')；cole 2 . InnerHTML=cole 1 . InnerHTML；//将colee1克隆为colee2 function Marqueel(){//if(cole 2 . offset top-cole . scroll top=0){ cole . scroll top-=cole 1 . offset滚动到cole 2之间的边界时的右边；//colee跳到顶部} else { colee . scroll top } } var mymar 1=Set interval(marquee 1，Speed)//设置定时器//清除定时器，当鼠标上移时停止滚动。科尔。onmouseover=function(){ ClearInterval(mymar 1)}//鼠标移开时重置计时器。科尔。onmouseout=function(){ mymar 1=set interval(marquee 1，speed)}/script以上就是本文的全部内容，希望与大家分享。