如何仅使用 CSS 和 HTML 制作返回顶部按钮？

Question

我正在尝试做一个 back to top 按钮，但要向下和向上滚动到页面上的某个点。例如，你有一个很长的文本，你想通过简单地让他们点击一个链接来将用户带到下一段……我过去做过，但我不记得我是怎么做到的我的生活…

原文由 Bic Mitchun 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你想要做的是在页面顶部放置一个“锚点”，使用 <a> 标签（它不仅对链接有用！）。然后，当您有指向 #nameofanchor 的链接时，它会滚动到具有该名称的锚点。你会这样做：

 <a id="top"></a>
<!--content here-->
<a href="#top">Back to top</a>

这是一个有效的 jsfiddle：http: //jsfiddle.net/qf0m9arp/1/

原文由 markasoftware 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

<a href="#">Start of page</a>

“该链接的 href 值为“#”，根据定义，它表示当前文档的开始。因此无需担心设置目标锚点的正确方法……”

资源

原文由 Jussi Palo 发布，翻译遵循 CC BY-SA 4.0 许可协议