jquery - jQuery滚动效果不起作用

Question

我试图在我的网站上实现这一点，但它根本不起作用。有人知道我要去哪里错了吗？

包含 jQuery 代码但没有任何反应的网站

Answer 1

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

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);
    });
});