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

标签 html css

我正在尝试执行一个返回顶部 按钮,但要上下滚动到页面上的某个点。例如,您有一段很长的文本,您希望通过简单地让用户单击链接来将用户带到下一段……我过去做过,但我不记得我是怎么做到的我的生活...

最佳答案

您想要做的是在页面顶部放置一个“ anchor ”,使用 <a>标签(它不仅仅对链接有用!)。然后,当您有一个指向 #nameofanchor 的链接时,它会滚动到具有该名称的 anchor 。你会这样做:

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

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

关于html - 如何仅使用 CSS 和 HTML 制作返回顶部按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32102747/

相关文章:

Javascript:检查类名是否存在

javascript - 在 HTML5 和 JavaScript 中循环访问 localStorage

javascript - 如果没有一个 td 有 id,确定哪个 td 元素被点击

javascript - 将 Uint8ClampedArray 设置为 ImageData 在 Firefox 中非常慢

css - 将 Bootstrap 移动布局从一列更改为两列

CSS 等待栏?造型

javascript - CSS 在特定点更改背景颜色

javascript - 缩放更改时 Leaflet 标记工具提示文本中的动态更改字体大小

javascript - ionic ion-scroll 滚动父页面

jquery - 列表标签重叠