获取scrollTop兼容各浏览器的方法

window.pageYOffset     

属于window对象,IE9+ 、firefox、chrome,opera均支持该方式获取页面滚动高度值,并且会忽略Doctype定义规则。

window.scrollY 

属于window对象,firefox、chrome,opera支持,IE不支持,忽略Doctype规则。

document.documentElement.scrollTop 

如果页面定义了doctype文档头,基本所有的浏览器都支持(除safari貌似不支持,定义了html5 doctype,支持body.scrollTop,却不支持documentElement.scrollTop 

document.body.scrollTop

如果没定义doctype,所有浏览器都支持,(定义了doctype,chrome 也支持





为了兼容,不管有没有 DTD,可以使用如下代码:

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




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值