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