緩慢滾動的錨

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.

如果他們不適合你的話，那麼你可以給你自己的時間