可以使用window.scrollX
和window.scrollY
属性来获取浏览器窗口的滚动条水平和垂直方向的位置。例如:
const scrollX = window.scrollX; // 获取水平方向的滚动条位置
const scrollY = window.scrollY; // 获取垂直方向的滚动条位置
其中,window
是一个全局对象,scrollX
和scrollY
是window
的属性。它们分别表示滚动条在水平和垂直方向上的位置,单位为像素。如果滚动条在最左边或最上面,它们的值为0。
需要注意的是,scrollX
和scrollY
属性在一些浏览器中可能不被支持,可以使用document.documentElement.scrollLeft
和document.documentElement.scrollTop
属性作为备选方案。
const scrollX = window.scrollX || document.documentElement.scrollLeft; // 获取水平方向的滚动条位置
const scrollY = window.scrollY || document.documentElement.scrollTop; // 获取垂直方向的滚动条位置
以上就是获取浏览器窗口滚动条位置的方法。