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