自动滚动滚动条Javascript

Question

您好我想让滚动条在我即将发生的事件中自动滚动，几秒后它会再次滚动到顶部我想让它以缓慢的速度连续上下滚动。有人可以帮我解决这个问题或给我一些想法吗？不要有任何想法。我刚开始学习javascript。

这是一张照片。

Answer 1

您可以在jquery jQuery Scrolltop和.scrollTop()中使用setTimeout函数作为计时器

HTML

<p><button id="scroll">scrollTop()</button></p>
<div id="test"></div>

CSS

#test {
    width: 100px;
    height: 100px;
    position: relative;
    top: 1000px;
    background: green;
}

的javascript

$('#scroll').click(function() {
    $('html,body').animate({
        scrollTop: $('#test').css('top')
    }, 800, function() {
        setTimeout(function(){
          $('html, body').animate({
              scrollTop: 0
          }, 800);
        }, 2000);
    });
});

我尝试在jsFiddle Here

中创建简单示例