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

原创于 2014-05-20 17:38:34 发布 · 566 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#document.body.scrollTop #ueditor #firefox #火狐 #chrome

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文探讨了在不同浏览器中使用document.body.scrollTop时遇到的兼容性问题，尤其是在火狐浏览器中的表现。文中提出了一种解决方案，即通过检查 scrollTop 的值来决定使用 document.documentElement.scrollTop 还是 document.body.scrollTop。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于
document.body.scrollTop
在火狐浏览器中不管用的问题

看网上有人写通过判断document.compatMode来分别不同的模式，然后使用如下语句
document.documentElement.scrollTop或者
document.body.scrollTop
但是，我在本地的环境试了一下
发现

Chrome和Firefox都“ CSS1Compat”这种模式，但是解析的结果却不一样，所以不能通过判断document.compatMode来实现

我的做法很简单
就是
document.body.scrollTop==0?document.documentElement.scrollTop:document.body.scrollTop)

另补充一点

这个问题我是发现在使用百度的UEditor的时候，使用火狐浏览器去解析上传图片后的焦点框错位的问题，最终查到原因是因为document.body.scrollTop==0导致计算坐标出错的

所以以上问题如果同样出现在UEditor的时候，请到源码里面把
me.editor.document.body.scrollTop，用上面的方式，替换成
me.editor.document.documentElement.scrollTop