锚点哈希到页面底部

时间:2014-07-19 04:38:49

标签: html

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

4 个答案:

答案 0 :(得分:10)

没有。

您可以使用<a id="bottom"></a>之类的内容模拟它,然后链接到#bottom

您可能会发现this post也很有帮助。

答案 1 :(得分:6)

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

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

答案 2 :(得分:1)

最后是<a name="end"></a>,然后是<a href="#end">链接

答案 3 :(得分:1)

标记#footer

然后

像这样的页脚...

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

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

相反,您可以仅使用#符号来标记页面顶部而无需锚定。您也可以使用#top

喜欢...

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