📌 📄 内容摘要:
piano (@pianoisland) 在 纯css返回顶部 中发帖
难点有两个。
第一个是小难点：平滑滚动，对应的js一般为：
const backToTop = document.querySelector('#back-to-top')
backToTop.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
})
})
这个可以用scroll-behavior: smooth;一行代码解决。
第二个是大难点：监听滚动条，当滚动条向下滚动超过100px时，“返回顶部”的图标按钮显示，对应js一般为：
const backToTop = document.querySelector('#back-to-top')
window.addEventListener('scroll', () => {
if (wind...
────────── 链接信息 ──────────
🔗 论坛链接: linux.do
📎 访问地址: https://linux.do/t/topic/821838/1
─────────────────────────────
📢 来源：LINUX DO | 标签：#back
