2012-12-27 242 views
-1

我有一个垂直滚动脚本,对我来说很好,但问题是它会在一段时间后停下来。如何修改脚本,以便它可以一次又一次地从头到尾无限滚动?
下面是代码:无限垂直滚动条

<html> 
<head> 
<style type="text/css"> 
.frame { 
font:12px arial; 
width:200; 
height:300; 
border:none; 
overflow: hidden; 
border:1px solid black; 
padding:5; 
} 
</style> 
<script language="javascript"> 
i = 0 
var speed = 1 
function scroll() { 
i = i + speed 
var div = document.getElementById("news") 
div.scrollTop = i 
if (i > div.scrollHeight - 160) {i = 0} 
t1=setTimeout("scroll()",100) 
} 
</script> 
</head> 
<body onload="scroll()"> 
<div class="frame" id="news" onmouseover="clearTimeout(t1)" onmouseout="scroll()" > 
Some Text text 1<br> 
Some Text text 2<br> 
Some Text text 3<br> 
Some Text text 4<br> 
Some Text text 5<br> 
Some Text text 6<br> 
Some Text text 7<br> 
Some Text text 8<br> 
Some Text text 9<br> 
Some Text text 10<br> 
Some Text text 11<br> 
Some Text text 12<br> 
Some Text text 13<br> 
Some Text text 14<br> 
Some Text text 15<br> 
Some Text text 16<br> 
Some Text text 17<br> 
Some Text text 18<br> 
Some Text text 19<br> 
Some Text text 20<br> 
Some Text text 21<br> 
</div> 
</body> 
</html> 
+0

你想说什么的JavaScript控制台何时停止工作? – Oded

回答

1

它实际上没有停止。
尝试更新,如果()条件

if (i > div.scrollHeight - 300) {i = 0} 
+0

eee谢谢你 –

0

您的问题是,你只scrollHeight属性后,将其复位-160

应该是scrollHeight属性 - divHeight