关键不是“有没有滚”，而是“当前滚动位置是不是0”；应统一用math.max(window.pageyoffset, document.documentelement.scrolltop)检测，避免依赖document.body.scrolltop，并注意自定义滚动容器需监听其scrolltop而非window。
滚动到顶部的检测，关键不是“有没有滚”，而是“当前滚动位置是不是 0”。很多代码写 document.body.scrollTop === 0 就完事，但实际在现代浏览器里它几乎永远是 0——因为真正滚动的是 document.documentElement，不是 body。
为什么 document.body.scrollTop 总是 0
Chrome、Firefox、Edge 等主流浏览器默认把滚动容器设为 document.documentElement（即 标签），body 只是内容容器。只要没手动给 body 设置 overflow: scroll，它的 scrollTop 就不会变。强行读它，返回就是 0，导致检测失效。
实操建议：
- 统一用
Math.max(window.pageYOffset, document.documentElement.scrollTop)获取当前垂直滚动距离，兼容性最稳 - 如果项目已用
html { scroll-behavior: smooth }，那document.documentElement.scrollTop就是唯一可靠来源 - 别再写
document.body.scrollTop || document.documentElement.scrollTop——逻辑上没问题，但||在0时会错误 fallback 到后者，掩盖问题
window.pageYOffset 和 document.documentElement.scrollTop 有啥区别
两者在绝大多数场景下值相同，但语义和兼容性不同：window.pageYOffset 是只读属性，规范明确用于获取视口滚动偏移；document.documentElement.scrollTop 是可读写属性，能被 JS 修改（比如手动设为 0 触发回顶），但旧版 Safari 对它的支持不稳定。
实操建议：
- 仅做「检测」时，优先用
window.pageYOffset，语义清晰、无副作用 - 需要「设置」滚动位置时（如点击按钮后回顶），用
document.documentElement.scrollTo()或window.scrollTo() - 不要混用：比如用
pageYOffset检测，却用body.scrollTop = 0回顶——后者无效
滚动到顶检测要防什么假阳性
页面刚加载完成时，window.pageYOffset 是 0，但此时用户还没滚动，不该触发“已回到顶部”的逻辑；另外，某些 SPA 路由跳转后，浏览器可能自动恢复滚动位置，导致 pageYOffset 不为 0，但视觉上看起来像在顶部。
实操建议：
- 检测逻辑应绑定在
scroll事件里，而不是一上来就执行——避免误判初始状态 - 如果要做“回到顶部完成回调”，别只依赖
scroll事件，它不保证滚动结束；改用scrollend事件（Chrome 120+ 支持），或结合setTimeout+requestAnimationFrame做滚动停止判断 - 对 SSR 渲染的页面，服务端无法提供滚动位置，首次 hydrate 后需手动同步一次
pageYOffset，否则客户端检测可能滞后
真正容易被忽略的是：滚动容器未必是 window。如果页面用了自定义滚动容器（比如 overflow-y: auto 的 .content 区域），那检测对象就得换成那个元素的 scrollTop，而不是全局的 pageYOffset——这时候连 window 都没动过，pageYOffset 一直为 0，但用户明明已经滚下去了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
