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

(图1)

如何在 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);
1、本站目前拥有近 1000+ 精品收费资源,现在加入VIP会员即可全部下载。
2、本资源部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
SEA模板网 » js如何获取滚动高度

发表评论

加入本站VIP会员订阅计划,海量资源免费查看

目前为止共有 3654 位优秀的VIP会员加入! 立刻加入VIP会员