Slow прокрутки для якорей

Question

Я нашел этот сценарий для якорей на моей странице

$('.anchor').click(function (event) { 
    event.preventDefault(); 
    var href = $(this).attr('href'); 
    var target = $(href); 
    var top = target.offset().top; 
    $('html,body').animate({ 
    scrollTop: top 
    }); 
}); 

Но, когда я нажимаю на <div class="anchor">, моя страница переходит на позицию. Можно ли замедлить эту прокрутку?

Answer 1

Вы можете сделать что-то вроде этого метода

$('html,body').animate({ 
    scrollTop: top 
}, "slow"); 

.animate выглядит следующим образом.

.animate (свойство [, продолжительность] [, ослабление] [, полный])

По умолчанию длительностей выглядеть следующим образом

медленных - 600, нормального - 400, быстрого - 200.

Если они не подходят для вашего случая, то вы можете дать свой собственный срок