浏览器关于scrollTop scrollLeft的兼容性

本文主要是介绍浏览器关于scrollTop scrollLeft的兼容性，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

最近意外发现谷歌浏览器chrome在处理scrollTop的时候和其他浏览器存在比较大的差异。其他浏览器可以通过直接采用document.documentElement.scrollTop来获得一个滚动条的值,但在chrome下这个值为0。

在有文档声明的情况下，也就是第一行有个dtd声明，标准浏览器认识document.documentElement.scrollTop，可chrome竟然不认识他。在没有文档声明的情况下，chrome、safari还是可以读取到scrollTop值。因为chrome是通过document.body.scrollTop获取值的。

解决办法是可以通过以下代码来兼容各浏览器获得需要的值

var scrollTop = document.body.scrollTop || (document.documentElement && document.documentElement.scrollTop);

同时，稍加修改也可以获得scrollLeft值

var scrollLeft = document.body.scrollLeft || (document.documentElement && document.documentElement.scrollLeft);

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

---