推荐优先使用 window.scrolly 获取页面滚动偏移，它等价于 window.pageyoffset，只读且无兼容性问题；获取元素内部滚动用 scrolltop；监听页面滚动需配合 scroll 事件并建议防抖。
在 JavaScript 中，获取滚动条距离顶部的偏移量（即页面或元素的垂直滚动位置），主要取决于你想查的是整个页面，还是某个可滚动容器内部的滚动位置。常用属性有 scrollTop 和兼容性处理。
获取整个页面的滚动距离顶部偏移
现代浏览器推荐使用 document.documentElement.scrollTop，但需注意兼容性：
- Chrome、Firefox、Edge、Safari（较新版本）：支持
document.documentElement.scrollTop - 旧版 Safari 或某些模式下，可能需回退到
document.body.scrollTop
稳妥写法（兼容所有情况）：
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
获取某个元素内部的滚动距离顶部偏移
对具有 overflow: auto/scroll 的容器（如 <div class="scrollable">），直接读取其 <strong>scrollTop</strong> 属性即可：
<font color="#666"><pre class="brush:php;toolbar:false;">const container = document.querySelector('.scrollable');
const scrollY = container.scrollTop;</pre></font>
<p>注意：该元素必须已渲染且具备滚动能力（内容高度超过自身高度），否则 <code>scrollTop 始终为 0。
监听滚动并实时获取偏移值
用 scroll 事件配合上面的方法即可：
window.addEventListener('scroll', () => {
const y = document.documentElement.scrollTop || document.body.scrollTop;
console.log('距顶部：', y);
});
建议添加防抖（debounce）避免高频触发，尤其在移动端或复杂页面中。
补充：不要混淆 scrollY、pageYOffset
window.scrollY 和 window.pageYOffset 是等价的，都表示页面整体纵向滚动距离，且只读、无兼容性问题：
const y = window.scrollY; // 推荐，语义清晰 // 等同于 const y = window.pageYOffset;
它们比 documentElement.scrollTop 更简洁安全，**推荐优先使用 window.scrollY 获取页面滚动偏移**。
