获取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;




你可能感兴趣的:(web前端)