在前端项目开发中，页面的滚动条是经常出现的，那么js如何获取滚动条位置呢？

获取滚动条位置：

pageXOffset - 当前元素水平滚动条位置 
pageYOffset - 当前元素垂直滚动条位置

pageXOffset 和 pageYOffset 属性返回文档在窗口左上角水平和垂直方向滚动的像素。

pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。

pageXOffset 和 pageYOffset 属性相等于 scrollX 和 scrollY 属性。

代码实现：

function getScrollPosition(el = window) {
  return {
    x: (el.pageXOffset !== undefined) ? el.pageXOffset : el.scrollLeft,
    y: (el.pageYOffset !== undefined) ? el.pageYOffset : el.scrollTop
  }
}

备注：el默认为获取屏幕滚动条的x轴，y轴的位置。

链接: https://www.fly63.com/article/detial/10858