JS錯誤未捕獲TypeError：無法讀取null的屬性'top'

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遺漏的類型錯誤：無法讀取空的特性「頂部」。請幫助我的人

Answer 1

您不能在jQuery中使用href屬性的值作爲選擇器。您可以在例如<a href="..." data-scrollTo="myDiv" class="display-center">..</a>的鏈接中定義id或data屬性。現在，您要滾動到的對應元素應該將此id設置爲您在data-scrollTo屬性中定義的值，如下所示：<div id="myDiv">...</div>。 然後你可以像這樣使用它：

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