Question

js文字滚动，为什么滚动一圈以后就停止了

<script language="javascript">

var speed=50; //数字越大速度越慢

var demo=document.getElementById("travel_0");

var demo1=document.getElementById("travel_1");

var demo2=document.getElementById("travel_2");

demo2.innerHTML=demo1.innerHTML;

function Marquee(){

if(demo2.offsetTop-demo.scrollTop<=0)

demo.scrollTop-=demo2.offsetHeight;

else{

demo.scrollTop++;

}

}

var MyMar=setInterval(Marquee,speed);

demo.onmouseover=function() {clearInterval(MyMar)};

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};

</script>

为什么滚动一圈以后就停止了？

Answer 1

在demo2那个div外面套再套一个div，设置它的属性height=“100%”

Answer 2

刚才我也遇到这问题

if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo2.offsetHeight;
改成
if(demo2.offsetHeight-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}