js 获取滚动条位置

// 获取滚动条位置的示例代码

// 获取页面垂直方向上的滚动距离
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

// 获取页面水平方向上的滚动距离
let scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft;

console.log("Vertical Scroll Position: " + scrollTop);
console.log("Horizontal Scroll Position: " + scrollLeft);

解释说明：

• window.pageYOffset 和 window.pageXOffset 是标准的属性，用于获取页面在垂直和水平方向上的滚动距离。
• document.documentElement.scrollTop 和 document.documentElement.scrollLeft 用于兼容某些旧版浏览器（如IE）。
• document.body.scrollTop 和 document.body.scrollLeft 也是为了兼容更老的浏览器版本。

通过这种方式，可以确保在不同浏览器中都能正确获取滚动条的位置。