jQuery滚动效果不起作用

时间:2012-08-08 21:21:02

标签: jquery scroll

我尝试在我的网站上实施this,但它根本行不通。谁知道我哪里出错?

Site with jQuery code included but nothing happening

1 个答案:

答案 0 :(得分:3)

这是平滑滚动教程提供的代码:

jQuery(document).ready(function($) {
    $(".scroll").click(function(event){     
        event.preventDefault();
        $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
    });
});

这是您网页上的代码:

$('html,body').animate({scrollTop:$('[name="'+this.hash.substring(1)+'"]').offset().top}, 500);

您使用的代码是教程在使用命名锚点时提供的替代方法。但是,这意味着替换原始代码的相应部分。我相信你应该拥有的是:

jQuery(document).ready(function($) {
    $(".scroll").click(function(event){     
        event.preventDefault();
        $('html,body').animate({scrollTop:$('[name="'+this.hash.substring(1)+'"]').offset().top}, 500);
    });
});