jQuery平滑变量滚动到元素ID

Question

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

目前，它以设定的速度滚动，但我希望它可以加速然后减速到停止，以提供更加流畅的体验。

谁能建议我该怎么做？

非常感谢

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

Answer 1

只包含jQuery UI / jQuery宽松 。 这将允许您使用提供的不同宽松选项，即：

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