scrollTop的兼容性问题

scrollTop可以从document.body和 document.documentElement中获取。

 

在混杂模式下，所有浏览器均使用 document.body.scrollTop 获取页面的垂直滚动条的位置。所以，在混杂模式下不会出现兼容性问题。
而在标准模式下，Chrome 与 Safari 仍然使用 document.body.scrollTop，同时document.documentElement.scrollTop 的返回为 0。这时如果仅仅使用document.documentElement.scrollTop 获取页面垂直滚动条顶端位置，在 Chrome 和 Safari 中就会因为永久返回 0 导致页面功能异常.

 

解决方式

所以，在获取这个值的时候，可以采用以下方法避免兼容性问题：

JScript code

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

scrollLeft的情况跟scrollTop类似.