外部锚链接在Chrome中不起作用

Question

我遇到了与Chrome的外部锚链接问题。在我的网站上，当我点击一个链接时，我想从一个子页面回到主页面的特定部分。我使用了一个简单的＃锚来实现这一点，就像我以前一直做的那样......除了chrome之外，它在所有浏览器中都能正常工作。点击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); 
}