[WordPress] JS エラー キャッチ TypeError: プロパティを読み取ることができません ' トップ ' null

スポンサーリンク

Question

私は私のページ上のスクロールを追加しました。以下は私のコード

jQuery(function(){
jQuery('.display-center a').click(function(e){
        e.preventDefault();
        var section=jQuery(this).attr('href');
        jQuery('html, body').animate({
    scrollTop: jQuery(section).offset().top-100
}, 1000);

        });
});

IT gaves キャッチ typeerror 例外: null の ‘ top’ のプロパティを読み取ることができません。誰も助けてください

答え

jQuery のセレクターとして、href 属性の値を使用できません。

..

のようなあなたのリンクでは、

id

または

data

属性を定義できます。今、対応する要素にスクロールする必要がありますこのような

data-scrollTo

属性で定義された値に設定されているこの

id

を持っている:

...

。このようなコードを使用できます:

jQuery(function(){
    jQuery('.display-center a').click(function(e){
        e.preventDefault();
        var section=jQuery(this).data('scrollTo');
        jQuery('html, body').animate({
             scrollTop: jQuery("#"+section).offset().top-100
        }, 1000);
    });
 });

http://stackoverflow.com/questions/27330251/js-error-uncaught-typeerror-cannot-read-property-top-of-null

スポンサーリンク

Leave a Reply