chrome不认documentElement.scrollTop

视频课堂https://edu.csdn.net/course/play/7621

在页面显示浮动层时，IE、Firefox下都能显示正常，但Chrome下出现了浮动层永远显示在上面，经过仔细分析，发现Chrome对Document.documentElement.scrollTop的识别会出现误差。不过加上document.body.scrollTop后，则显示正常。

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

解决方案1:

if (document.documentElement && document.documentElement.scrollTop) document.getElementById("poster").style.top = document.documentElement.scrollTop + "px"; else if (document.body) document.getElementById("poster").style.top = document.body.scrollTop+"px";

解决方案2：

document.getElementById("poster").style.top = document.documentElement.scrollTop +document.body.scrollTop+ "px";

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。