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;