锚不起作用

Question

我遇到一个简单的锚点问题......

Portfolio_view.php

 <div id="site-name">
        <a href="#portfolio">Go to portfolio</a>
        <h1 id="portfolio">Portfolio</h1>
  </div>

当我在portfolio.php上时，我使用此代码：

  <a class="album_object" href="portfolio_view.php?album=objecten#portfolio"><a/>

这不起作用。浏览器只停留在页面顶部。

但是这在portfolio_view.php上确实可以正常工作

<a href="#portfolio">Go to portfolio</a>

当我刷新

时

portfolio_view.php?album=objecten#portfolio

它确实可以正常工作 所以我不知道这个问题是什么。 我顺便使用HTML5。

Answer 1

如果您使用了标记，则会导致反斜杠关闭。

<a class="album_object" href="portfolio_view.php?album=objecten#portfolio"><a/>

您有一个拼写错误：<a/>而不是正确的</a>

编辑：

此外，我遇到的问题是，如果您链​​接到页面中的ID，当您访问该链接时，浏览器将放入具有该ID的内容的顶部，或者直到它到达它的位置文档的高度减去窗口的高度。

这意味着如果您的页面不需要滚动或者ID的位置下方没有完整窗口的内容，当您链接到该ID时，它似乎没有任何反应。这是因为浏览器无法向下滚动到具有该ID的内容的顶部，因为文档不够高。

希望这是有道理的。