jQuery Uncaught TypeError：未定義の 'top'プロパティを読み取れません - Scoll to Top

Question

ページのセクションにスクロールする垂直メニューを作成しようとしています。私は、同様の問題を抱えている多くの人を見つけましたが、私のために働く解決策を見つけることはできません。

ここに私のjavascriptです：

//Scroll to Section 
     jQuery('.p-pagination span').on('click', function() { 
      var sectionID = jQuery(this).attr('id'); 
      console.log(sectionID); 

      if (sectionID.length){ 

       jQuery('html, body').animate({ 
        scrollTop: jQuery(sectionID).offset().top 
       }, 1000); 


      } 

HTMLマークアップ：

<div class="p-pagination"> 
<span id="951" class="active"></span><span id="956"></span><span id="1119"></span><span id="1123"></span><span id="1117"></span><span id="1114"></span><span id="1112"></span><span id="1110"></span><span id="1099"></span> 
<span id="953"></span><span id="946"></span><span id="1129"></span> 
</div> 

は、私が見つけた解決策のほとんどは、要素の長さのチェックを追加しましたが、それは私のために働いていません。私はエラーを取得し続けます。

ありがとうございました。

Answer 1

と行を変更してみてください：

scrollTop: jQuery('#'+sectionID).offset().top