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

本文主要是介绍获取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;

这篇关于获取scrollTop兼容各浏览器的方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！