关于Chrome(谷歌浏览器)对document.documentElement.scrollTop识别

来源:互联网 发布:看动漫软件 编辑:程序博客网 时间:2024/06/05 07:43

       最近做一个瞬间信息显示浮动层时,IE、Firefox下都能显示正常,但Chrome下出现了浮动层永远显示在上面,经过仔细分析,发现Chrome对document.documentElement.scrollTop的识别会出现误差。不过加上document.body.scrollTop后,则显示正常。
  网友提示:由于document.documentElement.scrollTop和document.body.scrollTop在标准模式或者是奇怪模式下都只有一个会返回有效的值,所以都加上也不会有问题(看来上面的问题是Chrome可能把文档当作非标准文档来解析了)。
  即获取高度时使用document.documentElement.scrollTop+document.body.scrollTop,经测试,代码在IE、Firefox、Chrome下都能显示正常了。

 

也就是将之前用 document.documentElement.scrollTop 的地方 换成 document.documentElement.scrollTop+document.body.scrollTop 就可以了

 

 

http://hi.baidu.com/pmssh/blog/item/6e9f5889749855bf0e24444c.html/cmtid/1070510ebac53ec77bcbe1f3