jquery平滑变量滚动到元素id

Question

我使用以下脚本将用户滚动到元素。它工作得很好，但我想知道是否有一种方法可以使滚动更顺畅。

此刻它以一定的速度滚动，但我希望它可以加速到速度，然后减速停止以提供更顺畅的体验。

有人可以告诉我如何做到这一点吗？

非常感谢

$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 1000);
});

Answer 1

只需包含jQuery UI / jQuery easing即可。这将允许您使用提供的不同缓动选项，即：

$(function(){
$('#button').click(function() {
    $('html, body').animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 1000, 'easeOutCubic');
});
});