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);
    });
})

Answer 1

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

//1000是毫秒数