firefox <a href="foo.php#id"> 总是到页面顶部答案

【问题标题】：firefox <a href="foo.php#id"> always goes to top of pagefirefox <a href="foo.php#id"> 总是到页面顶部
【发布时间】：2012-09-14 01:49:45
【问题描述】：

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

我更新了代码——删除了一个不必要的，并更改了标签结构以匹配 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>

【问题讨论】：

标签： url firefox href

【解决方案1】：

您有重复的 ID：

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

ID 属性must be unique。重复的 ID 让 Firefox 对它应该滚动到哪个元素感到困惑，所以它什么也不做。

【讨论】：

那么你会删除哪一个？
id 还是 id?
@Daniel 您不必删除其中任何一个，只需更改其中一个的 ID。

【解决方案2】：

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

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

【讨论】：