外部錨鏈接在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); 
}