您好,欢迎来到99网。
搜索
您的当前位置:首页获取页面滚动距离pageYOffset、scrollY、scrollTop

获取页面滚动距离pageYOffset、scrollY、scrollTop

来源:99网

在获取页面滚动距离的高度时候,往往有不同的获取方式,而且不同的属性浏览器支持稍有差别:

pageYOffset:属window对象,IE9+、Firefox、Chrome、Opera均支持该方式获取页面滚动敢赌值,并且会忽略DOCTYPE定义规则。

window.pageYOffset

scrollY:属于window对象,Firefox、Chrome、Opera均支持,IE不支持,忽略DOCTYPE定义规则。

window.scrollY

页面如果未定义DOCTYPE文档头,所有浏览器都支持docume.body.scrollTop属性获取滚动高度。

document.body.scrollTop

如果页面定义了DOCTYPE文档头,那么HTML元素上的scrollT属性在IE、Firefox、Opera(presto内核)下都可以获取滚动高度值,而在Chrome和Safari下其值为0。

document.documentElement.scrollTop; //Chrome,Safari下为0

此在获取页面滚动高度的时候优先考虑使用 window.pageYOffset 然后在使用scrollTop。

 var _scrollLeft = window.scrollX || window.pageXOffset || document.documentElement.scrollLeft
 var _scrollTop = window.scrollY || window.pageYOffset || document.documentElement.scrollTop

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- 99spj.com 版权所有 湘ICP备2022005869号-5

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务