Jquery Smoothscroll 函数 - 如何控制动画速度？

Question

有人可以帮助我吗？尝试通过我的平滑滚动和控制速度添加“慢”功能。

希望能够实现真正的“平滑滚动”。

代码如下:

$(document).ready(function(){
$('.smoothscroll').live('click',function(e){
    $('html,body').animate({
    'scrollTop': $($(this).attr('href')).offset().top+'px'

    });
    e.preventDefault(); 
});

});

Answer 1

将动画时间作为第二个参数添加到 .animate() 函数(在选项对象之后)，如下所示:

$(document).ready(function(){
    $('.smoothscroll').live('click',function(e){
        $('html,body').animate({
            'scrollTop': $($(this).attr('href')).offset().top+'px'
        }, 10000);
        e.preventDefault(); 
    });
});

在此示例中，动画将花费 10,000 毫秒(10 秒)。