滚动偏移量 scroll offset

滚动偏移量(scroll offset)：文档在垂直和水平方向上滚动的距离

一、获取滚动偏移量

// 获取上下滚动偏移量
const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
// 获取左右滚动偏移量
const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;

二、滚动事件性能

问题：频繁触发滚动事件可能会影响性能
优化：可以使用防抖（debounce）或节流（throttle）

三、使用场景

1、在响应式设计中，滚动偏移量可能会随着设备和浏览器窗口的变化而变化，因此需要即时重新获取这些值。
2、通过获取和使用滚动偏移量，你可以实现各种滚动相关的功能，如滚动监听、滚动动画、无限滚动等。