jquery - 无法读取未定义的属性 'top'

Question

尝试让页面滚动到 anchor ，但出现此错误。

无法读取未定义的属性“top”

现在我的 JS 如下......

//scroll to section process page
function scrollToAnchor(aid){
    var aTag = $("div[name='"+ aid +"']");
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

$("li.menu-item-141 a").click(function() {
   scrollToAnchor('#philosophy-page');
});

这是我的 HTML...

<div class="container">
<div name="philosophy-page" id="philosophy-page">
    <div class="philosophy-heading">
        <h1>Philosophy</h1>
    </div><!-- /.philosophy-heading -->
</div><!-- /#philosophy-page -->
</div><!-- /.container -->

任何帮助都会很棒!

谢谢!

Answer 1

替换

scrollToAnchor('#philosophy-page');

由

scrollToAnchor('philosophy-page');

记住您使用name来查找a元素:

var aTag = $("div[name='"+ aid +"']");

jQuery 找不到名为 #philosophy-page 的元素