Chrome对document.documentElement.scrollTop的识别

Chrome对document.documentElement.scrollTop的识别会出现误差。不过加上document.body.scrollTop后,则显示正常。

网友提示:由于document.documentElement.scrollTop和document.body.scrollTop在标准模式或者是奇怪模式下都只有一个会返回有效的值,所以都加上也不会有问题(看来上面的问题是Chrome可能把文档当作非标准文档来解析了)。

即获取高度时使用document.documentElement.scrollTop+document.body.scrollTop,经测试,代码在IE、Firefox、Chrome下都能显示正常了。

例:

if (document.documentElement && document.documentElement.scrollTop) {
  msgObj.style.marginTop = -100 + document.documentElement.scrollTop + "px";
 }
 else if (document.body) {
  msgObj.style.marginTop = -100 + document.body.scrollTop + "px";
 }

原文地址:https://www.cnblogs.com/ice_nemo/p/2984686.html