Question

任何人都可以帮助我吗？尝试使用smoothscroll和控制速度添加“慢速”功能。

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

以下是代码：

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

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

});

谢谢！

Answer 1

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

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

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

Answer 2

感谢您的回答 nbsp ！

只是为了更新..

jQuery .live（）已在1.9版本中删除。

所以这里对我有用：

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

Jquery Smoothscroll功能 - 如何控制动画速度？

2 个答案: