锚点哈希到页面底部

Question

什么是通用HTML锚标记转到页面的"底部"？我知道标签'#'会自动将用户带到页面顶部,但我对页面底部不太确定.

Answer 1

没有一个.

但是,您可以使用类似的东西来模拟它<a id="bottom"></a>,然后链接到#bottom.

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

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);
});