html - 链接到 ID 不起作用

Question

我有一张图片，点击后我想将用户带到页面顶部（这是一个“返回顶部”链接。）

我已经使用下面的代码将使用 ID 的图像链接到我的“导航”div，因为有人告诉我这样做是正确的方法，但它什么也没做。

HTML

<div id="navigation">
     stuff in here
</div>

和

<!-- Back to top link -->
  <div class="bottom">
    <a href="#navigation">
      <img src="images/back_top.png" />
    </a>
  </div>

这似乎没有做任何事情，我认为 name 属性已被弃用，因此应该使用 id 来代替，但这没有做任何事情？

score 2 · Accepted Answer

由于您的#navigation元素已定位，position: fixed因此它始终在屏幕上。您需要链接到将保留在文档顶部的元素。

您可以添加另一个元素，或id在正文中添加一个。或者，更改position导航以使其保持流畅。或者，您可以使用 JavaScript 动画滚动到顶部（例如使用 jQuery.animate和scrollTop属性）。

score 1 · Accepted Answer

把这个：

<a name="top"> </a>

navigation就在您的div之后/之前。

然后，改变

<a href="#navigation">

到

<a href="#top">

PS：查看页面源代码后，我建议您将其放在<body>标签之后。

score 1 · Accepted Answer

您已将其链接到屏幕上已存在的内容（固定位置）。链接它不是固定位置的东西。

score 0 · Accepted Answer

只是为了让阅读本文的人把它扔在那里......链接到 A NAME 已被弃用，而不是最佳实践......从长远来看，链接到 ID 是最好的方法。

4 回答 4