使用 setTimeout 将页面向下滚动 100 像素

Question

我正在尝试使用 setTimeout ( 9 sc ) 使页面向下滚动 100 像素

使用 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

除了没有将代码放入 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);
    }
});

使用 setTimeout 将页面向下滚动 100 像素

Scroll down page in 100 pixels with setTimeout

javascript

jquery

jquery-events