今天数据平台提出一个问题,在页面显示浮动层时,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下都能显示正常了。
解决chrome document.documentElement.scrollTop问题
最新推荐文章于 2022-08-05 10:33:49 发布
本文介绍了一个在Chrome浏览器中遇到的浮动层显示异常问题及其解决方案。通过使用document.documentElement.scrollTop和document.body.scrollTop来准确获取滚动条位置,解决了浮动层在Chrome下始终显示在最上层的问题。
461

被折叠的 条评论
为什么被折叠?



