如何获取滚动高度:使用 window.scrollY 或 document.scrollingElement.scrollTop 属性获取当前可见区域顶部到文档顶部的像素数。

如何在 JavaScript 中获取滚动高度
获取滚动高度的方法
在 JavaScript 中,获取滚动高度有两种主要方法:
1. window.scrollY
-
window.scrollY属性表示文档从顶部滚动到当前可视区域顶部的像素数。 - 对于较旧的浏览器,可以使用
document.documentElement.scrollTop代替。
2. document.scrollingElement.scrollTop
-
document.scrollingElement.scrollTop属性表示文档从顶部滚动到当前可视区域顶部的像素数。 - 它是
window.scrollY的现代替代方案,适用于所有现代浏览器。
示例
以下代码片段演示了如何使用 window.scrollY 获取滚动高度:
const scrollHeight = window.scrollY;
console.log("当前滚动高度:" + scrollHeight);以下代码片段演示了如何使用 document.scrollingElement.scrollTop 获取滚动高度:
const scrollHeight = document.scrollingElement.scrollTop;
console.log("当前滚动高度:" + scrollHeight);注意:
- 这些方法返回的值以像素为单位。
- 滚动高度可能因浏览器、设备和文档大小而异。










