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";
}