慢慢滚动到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是毫秒数

Answer 2

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

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

小提琴：http://jsfiddle.net/gJwUT/

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

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

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