获取滚动条滚动距离兼容写法

在chrome中，浏览器的滚动条是属于body的，可以通过

document.body.scrollTop来获取垂直滚动距离，

document.body.scrollLeft来获取水平滚动距离，

火狐等浏览器中，浏览器的滚动条是属于html的，通过

document.documentElement.scrollTop来获取垂直滚动距离，

document.documentElement.scrollLeft来获取垂直滚动距离，

兼容写法应该是

var top = document.documentElement.scrollTop || document.body.scrollTop;