<script type="text/javascript">
window.onload = roll(50);
function roll(t){
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
var demo = document.getElementById("demo");
demo2.innerHTML = demo1.innerHTML;
demo.scrollTop = 0;
var timer = setInterval(rollStart,t);
demo.onmouseover = function(){
clearInterval(timer);
}
demo.onmouseover = function(){
timer = setInterval(rollStart,t);
}
}
function rollStart(){
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
var demo = document.getElementById("demo");
if(demo.scrollTop >= demo1.scrollheight){
demo.scrollTop = 0;
}else{
demo.scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
console.log(demo.scrollTop);
}
}
</script>
scrollTop的使用要加上overflow-y:scroll;看css有没有写,并且你获取元素高度应该是clientHeight,可滚动的高度要2元素高度相减