锚点哈希到页面底部

Question

什么是通用的HTML锚点标签用于跳转到页面底部？我知道标签'#'会自动将用户带到页面顶部，但不确定标签如何实现跳转到页面底部。

答案：使用HTML锚点标签""和属性"href='#bottom'"可以跳转到页面底部。

- OJuice

Answer 1

并没有一个单独的元素。

不过您可以通过类似 <a id="bottom"></a> 的方法来模拟它，然后链接到 #bottom。

您可能会发现 这篇文章 也很有帮助。

- elixenide

---

很高兴能够帮助。请记得接受答案。 :) - elixenide

6分钟后，我会的 :) - OJuice

Answer 2

在我看来，最好用JavaScript实现这个功能，并且一定要跳转到页面底部，而不是依靠链接上的CSS样式使其始终出现在页面底部。

这段JavaScript代码将滚动到文档底部：

document.body.scrollIntoView(false);

内联JavaScript解决方案

<a href="javascript: document.body.scrollIntoView(false);">Scroll to bottom</a>

分离的 JavaScript 解决方案

HTML

<a href="#" id="scroll-to-bottom">Scroll to bottom</a>

JavaScript

document.getElementById("scroll-to-bottom").addEventListener("click", function () {
  document.body.scrollIntoView(false);
});

- Nick McCurdy

---

那可能可行，但我不是在寻找什么花哨的东西。但这是一个很棒的答案，我会记在心里，谢谢 :) - OJuice

这正是我所寻找的。谢谢！ - Michael Romrell

Answer 3

在最后添加“bung”，然后使用“<a href="#end">”来创建链接。

- Ed Heal

---

你在链接中漏掉了井号。 - elixenide

Answer 4

标签 #footer

然后

像这样id页脚...

<a href="#footer">Go to bottom</a>

<footer id="footer"></footer>

与此相反，您可以仅使用“#”符号将标记置于页面顶部，无需使用锚点。您也可以使用“#top”。

像这样...

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

- Bronson Thomas Senior