纯CSS实现的“滚动到顶部” (#代码片段)
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
这篇文章介绍了使用CSS构建“滚动到顶部”组件的小技巧，通过position: sticky属性实现滚动到一定位置后自动显示链接。作者还分享了使用100vh而不是100%的小技巧，因为在margin-top中使用百分比时，它是相对于包含块的逻辑宽度而不是高度。总的来说，这是一个很有用的CSS技巧。
🎯
关键要点
- David Darnes分享了一个构建'滚动到顶部'组件的小技巧。
- 使用position: sticky属性可以实现组件在滚动到一定位置后自动显示。
- 示例代码展示了如何实现滚动到顶部的链接。
- 建议使用100vh而不是100%来设置高度，因为百分比在margin-top中是相对于包含块的逻辑宽度。
- 这是一个非常实用的CSS技巧，感谢David的分享。
🏷️
标签
➡️
