Question

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

我更新了代码 - 删除了不必要的＆lt; div＆gt;，并更改了标签结构以匹配生物部分，但问题仍然存在。我还在本地测试这个，所以它没有反映在网站上。这是更新的代码。

<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属性must be unique。重复的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>

firefox <a href="foo.php#id"> always goes to top of page</a>

2 个答案: