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，但这不会做任何事情？

Answer 1

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

您可以添加其他元素，或向正文添加id。或者，更改导航的position以使其保持流畅。或者，您可以使用JavaScript将滚动设置为顶部动画（例如，使用jQuery .animate和scrollTop属性）。

Answer 2

把这个：

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

在navigation div之后/之前。

然后，改变

<a href="#navigation">

到

<a href="#top">

P.S。：查看页面来源后，我建议您将其放在<body>标记之后。

Answer 3

您已将其链接到屏幕上已停留的内容（固定位置）。将它链接到一些未定位的东西。

Answer 4

只是为那些正在阅读此内容的人抛出这个...链接到一个名称已被弃用，而不是最佳做法...从长远来看，链接到ID是最佳方式。