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给出了Uncaught TypeError：无法读取null的属性“ top”。 任何人都请帮助我

Answer 1

您不能将href属性的值用作jQuery中的选择器。 您可以在链接中定义id或data属性，例如<a href="..." data-scrollTo="myDiv" class="display-center">..</a> 。 现在，您要滚动到的相应元素应将此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);
    });
 });