我总是看到有一个链接说 #top 或 #bottom 将您带到页面顶部或底部的网站。有人可以告诉我如何在我的网站上使用它。我已经尝试说<a href="#top">or<a href="#bottom">但它没有用。
问问题
26734 次
3 回答
8
这取决于您希望被视为顶部和底部的确切内容。要链接到页面的最开始，您可以使用 URL #，如<a href="#">Start of page</a>。要链接到开头附近的某个特定元素，请为其分配一个id属性，例如<h1 id="top">Main heading</h1>，并在链接中使用该属性值，例如<a href="#top">Start of page</a>。
底部有点棘手，因为它没有预定义的 URL，尽管您可以使用该id技术，但 URL 将引用元素的开头。您可以在文档正文的最后使用一个空元素来处理这个问题：
Last piece of real content.
<div id="bottom"></div>
</body>
</html>
然后你会使用 eg <a href="#bottom">End of page</a>。
但是，通常链接到页面开头的链接比无用的更糟糕，而到页面结尾的链接也好不到哪里去。每个浏览器都提供了一种到达任何页面开头或结尾的简单方法。
于 2013-08-02T19:41:02.747 回答
5
使用 an 散列id将带您到页面上与 the 等效的元素id。
因此，如果您有这样的 div：
<div id="top"></div>
和这样的锚：
<a href="#top">Go to top div</a>
单击锚点会将您带到 DOM 中的那个 div 位置。
于 2013-08-02T18:00:53.437 回答
1
很简单，如果用户在页面底部显示他们
<a href="#top">Go to the top</a>
或者，如果它们位于页面顶部，则显示它们
<a href="#bottom">Go to bottom</a>
于 2013-12-03T07:00:19.700 回答