外部锚链接在Chrome中无效

Question

我遇到与Chrome的外部锚链接有问题。在我的网站上，我想在点击链接时从子页面导航回主页面的特定部分。我使用了一个简单的＃锚来实现这一点，就像我以前一直做的那样......除了chrome之外，它在所有浏览器中都能正常工作。单击chrome中的链接时，我被重定向到主页面的顶部。 （但我可以看到#anchor在网址栏中显示）使用所有其他浏览器，此操作正常。这是由于铬的错误吗？如果是这样，有人可以提出解决方案吗？这是我得到的代码。在主页上：<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);
}