url - Firefox总是跳到页面顶部

Question

好的，我有一个网站www.obliqueideas.com。在 FF 中，当我单击其中一个投资组合圈时，它总是会转到投资组合页面的顶部。如果我刷新投资组合页面，它会转到正确的 href 位置。无论如何，这个问题在我测试过的任何其他浏览器中都不存在。让我知道你的想法。

我更新了代码——删除了一个不必要的 < div >，并更改了标签结构以匹配 bio 部分，但问题仍然存在。我仍在本地测试，所以它没有反映在网站上。这是更新的代码。

<div id="item2" class="item">
     <h2>Some title</h2>
     <img src="/" />
     <p>some text</p>
</div>

我真的不明白为什么网站的生物部分可以在 FF 中工作，而投资组合部分则不能。

更新：我想知道类项目是否会混淆 FF，所以我更改了类名，它起作用了。这是我的最终代码......真的很简单，但是，它有效，对吧？

     <div id="item8" class="content">
          <a name="item8"></a>
          <h2>Some Title</h2>
          <img src="/" />
          <p> some text</p>
    </div>

Answer 1

您有重复的 ID：

<div class="item" id="item3">
        <a id="item3"></a>

ID 属性必须是唯一的。重复的 ID 让 Firefox 对它应该滚动到哪个元素感到困惑，所以它什么也不做。

Answer 2

我想知道类项目是否会混淆 FF，所以我更改了类名，它起作用了。这是我的最终代码......真的很简单，但是，它有效，对吧？

 <div id="item8" class="content">
      <a name="item8"></a>
      <h2>Some Title</h2>
      <img src="/" />
      <p> some text</p>
</div>