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