浏览器关于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);