Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
自动滚动滚动条Javascript_Javascript_Html_Css - Fatal编程技术网

自动滚动滚动条Javascript

自动滚动滚动条Javascript,javascript,html,css,Javascript,Html,Css,您好,我想让滚动条在我即将到来的活动中自动滚动,几秒钟后,它将再次滚动到顶部。我想让它继续缓慢地上下滚动。有人能帮我一下吗,或者给我一些建议?我不知道。我刚刚开始学习javascript 这是一张照片 您可以使用jquery中的.scrollTop()函数和计时器的setTimeout html javascript $('#scroll').click(function() { $('html,body').animate({ scrollTop: $('#test')

您好,我想让滚动条在我即将到来的活动中自动滚动,几秒钟后,它将再次滚动到顶部。我想让它继续缓慢地上下滚动。有人能帮我一下吗,或者给我一些建议?我不知道。我刚刚开始学习javascript

这是一张照片


您可以使用jquery中的
.scrollTop()
函数和计时器的
setTimeout

html

javascript

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

我试着在

中创建一个简单的例子,检查这个:至少把你的一些代码放在我们这里试试。窗口。滚动(x-coord,y-coord):先生,我怎样才能减慢滚动速度?随意更改800值,这意味着动画持续时间,详情请参见这里
#test {
    width: 100px;
    height: 100px;
    position: relative;
    top: 1000px;
    background: green;
}
$('#scroll').click(function() {
    $('html,body').animate({
        scrollTop: $('#test').css('top')
    }, 800, function() {
        setTimeout(function(){
          $('html, body').animate({
              scrollTop: 0
          }, 800);
        }, 2000);
    });
});