锚点哈希到页面底部

OJu*_*ice 10 html

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

eli*_*ide 12

没有一个.

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

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


Nic*_*rdy 6

在我看来,最好在JavaScript中实现它,并且肯定会跳到页面底部,而不是依赖于链接上的CSS样式使它始终显示在页面的底部.

此JavaScript代码段将滚动到文档的底部:

document.body.scrollIntoView(false);
Run Code Online (Sandbox Code Playgroud)

内联JavaScript解决方案

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

单独的JavaScript解决方案

HTML

<a href="#" id="scroll-to-bottom">Scroll to bottom</a>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

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