JavaScript获取滚动条距离顶部的高度方法

分类:知识百科 日期: 点击:0

JavaScript获取滚动条距离顶部的高度

在网页开发中,有时候需要获取滚动条距离顶部的高度,这时候就可以使用JavaScript来获取。

JavaScript获取滚动条距离顶部的高度有两种方式,一种是使用window.pageYOffset属性,另一种是使用document.documentElement.scrollTop属性。

使用window.pageYOffset属性

使用window.pageYOffset属性可以获取滚动条距离顶部的高度,代码如下:

var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

其中,window.pageYOffset属性是一个只读属性,用于获取滚动条距离顶部的高度,如果浏览器不支持window.pageYOffset属性,则可以使用document.documentElement.scrollTop属性获取滚动条距离顶部的高度。

使用document.documentElement.scrollTop属性

使用document.documentElement.scrollTop属性可以获取滚动条距离顶部的高度,代码如下:

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

其中,document.documentElement.scrollTop属性是一个只读属性,用于获取滚动条距离顶部的高度,如果浏览器不支持document.documentElement.scrollTop属性,则可以使用document.body.scrollTop属性获取滚动条距离顶部的高度。

以上就是JavaScript获取滚动条距离顶部的高度的方法,可以使用window.pageYOffset属性或者document.documentElement.scrollTop属性获取滚动条距离顶部的高度,如果浏览器不支持,则可以使用document.body.scrollTop属性获取滚动条距离顶部的高度。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。