js如何获取滚动高度

如何获取滚动高度：使用 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);

注意：

• 这些方法返回的值以像素为单位。
• 滚动高度可能因浏览器、设备和文档大小而异。