向下滾動頁面100個像素，setTimeout的

Question

我試圖做一個頁面向下滾動100px的與的setTimeout（9 SC）

滾動到底用的setTimeout

window.onload = toBottom; 

function toBottom() { 
     window.scrollTo(0, document.body.scrollHeight); 
} 
window.onload = setTimeout(toBottom, 9000); 

向下滾動頁面與像素

$('html, body').animate({ 
    scrollTop: $(window).scrollTop() + 100 
}); 

Answer 1

我沒有看到你的代碼比非p其他一個巨大的問題在setTimeout內部進行。

setTimeout(function() { 
 
    $('html, body').animate({ 
 
    scrollTop: $(window).scrollTop() + 100 
 
    }); 
 
},9000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div style="height:1100px;width:1px"></div>

Answer 2

如果你想，然後向下滾動至底部，而不是使用的setTimeout使用的setInterval象下面這樣：

setInterval(function(){$('html, body').animate({ 
    scrollTop: $(window).scrollTop() + 100 
});},9000); 

如果你想停止自動滾動，一旦達到底部然後使用下面：

var interval = setInterval(function(){$('html, body').animate({ 
    scrollTop: $(window).scrollTop() + 100 
});},9000); 

$(window).scroll(function(){ 
    var height = $(window).scrollTop(); 
    var htWindow = $("html body").prop('scrollHeight')-$(window).height() ; 
    if(height >= htWindow) { 
     clearInterval(interval); 
    } 
});