jquery 平滑变量滚动到元素 id

Question

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

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

谁能告诉我该怎么做？

非常感谢

$("#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');
});
});

jquery 平滑变量滚动到元素 id

jquery smooth variable scroll to element id

jquery

scroll

smooth