外部锚点 link 在 Chrome 中不起作用

Question

我在使用 Chrome 时遇到外部锚点 link 的问题。在我的网站上，我想在单击 link 时从子页面导航回主页的特定部分。我使用一个简单的 # 锚点来实现这一点，就像我过去一直做的那样……它在所有浏览器中都可以正常工作，除了 chrome。当点击 chrome 中的 link 时，我被重定向到主页的顶部。 （但我可以在 url 栏中看到 #anchor）对于所有其他浏览器，此操作都可以正常工作。这是由于 chrome 的错误吗？如果是这样，有人可以建议解决方法吗？这是我得到的代码。在主页上：<div id="page-anchor"></div>

在子页面上：<div id="go_back"><p ><a id="back" href="../index.html#page-anchor" target="_self">back to portfolio</a></p></div>

Answer 1

我有同样的问题。试试这个解决方法

var hash = window.location.hash;
if ($(hash).length) {
    $('html, body').stop().animate({
        scrollTop: $(hash).offset().top
    }, 1000);
}