jquery - 慢慢滚动到 100%

Question

我尝试单击一个按钮并滚动。我可以使用 html 轻松完成（选项 1）。但它会跳跃，我想控制速度慢慢移动。

然后我尝试了 jQuery (Option1) 但我不知道如何告诉滚动 100% 的窗口以及如何控制速度。是否可以使用 css 或/和 jQuery 来做到这一点？

选项 1. 使用 HTML 滚动：http:
//jsfiddle.net/VPT4q/

<div id="first">
    <a href="#second">
        <div id="down"></div>
    </a>
</div>

<div id="second"></div>

选项 2. 使用 jQuery 滚动：http: //jsfiddle.net/VPT4q/1/

$(function(){      
    $('#down').click(function() {
        // window.scrollBy(0,200);
        window.scrollTo(0,200);
    });
})

score 3 · Accepted Answer

$('#down').click(function () {
      $('html, body').animate({ scrollTop: $('body').height() }, 1000);
});

//1000 是毫秒数

score 1 · Accepted Answer

如果你打算做 jQuery，我会这样做：

$('#down').click(function() {
    $('html,body').animate({scrollTop: $('#second').offset().top},'slow');
});

可能不是你想要的，但我认为它会让你开始。

'slow'您可以通过更改为数字来调整速度。'slow'，我认为是 1 秒。或'1000'。

$('html,body').animate({scrollTop: $('#second').offset().top}, 2000 );

2 回答 2