錨標記在 Google Chrome 中不起作用（鏈接到單獨的網頁時）

Question

我對 html、javscript 和 css 有點陌生，所以對於任何明顯的無知，我提前道歉。 我正在使用錨標記，以便當用戶單擊此鏈接時，它將跳轉到另一個網頁上的特定 div：

索引.html ：

<div class="notice">
  <h2>If you have any trouble while you're here, please <br>
  <a href="/contact.html#contactForm"> get in touch with me</a> and let me 
        know!</h2>
</div>

聯系方式。html ：

<div class=contact id="contactForm">

但是，當您單擊鏈接時，Chrome 會忽略 # 並僅加載 /contact.html。 但是，當您導航回 /index.html 並再次單擊該鏈接時，Chrome 決定關注 # 並加載 /contact.html#contactForm。

我研究了使用各種 scroll() 函數的 javascript 線程 - 但它們在鏈接到同一網頁上的某個位置時似乎都有效。 當錨點位於不同頁面時，我無法找到解決方法。

更新我還注意到這似乎是隨機 Chrome 插件的錯誤 - 與所有插件禁用一樣，錨標簽工作得很好。 但是，我不能完全期望網站的所有訪問者都禁用所有插件。

Answer 1

您實際上需要添加一個name屬性包含 hash 字符串的錨元素，該元素可能為空。 用這個：

<a name="contactForm"></a>
<div class=contact id="contactForm">
...your code