关于document.body.scrollTop 的谷歌,火狐浏览器兼容问题

Posted Java,Spring, Html, Vue.js

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于document.body.scrollTop 的谷歌,火狐浏览器兼容问题相关的知识,希望对你有一定的参考价值。

最近开发页面, 出现一个问题, 弹框在谷歌浏览器正常,在火狐浏览器中, 当滚动条滚动之后,弹框就显示在上面,也就是说document.body.scrollTop 它只适用于google浏览器,

火狐浏览器就要改为document.documentElement.scrollTop,但是如果做兼容的话,我的解决方法是document.documentElement.scrollTop + document.body.scrollTop.

这样就解决的不兼容的问题。

以上是关于关于document.body.scrollTop 的谷歌,火狐浏览器兼容问题的主要内容,如果未能解决你的问题,请参考以下文章

关于js中 document.body.scrollTop 不能返回正确值的原因

UEditor图片焦点错位,火狐document.body.scrollTop不管用的问题

关于scrollTop的兼容问题

document.body.scrollTop用法

document.body.scrollTop与document.documentElement.scrollTop兼容

滚动事件:document.body.scrollTop总是0的原因