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

Posted fanful

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UEditor图片焦点错位,火狐document.body.scrollTop不管用的问题相关的知识,希望对你有一定的参考价值。

转自 http://liyunpeng.iteye.com/blog/2068751

 

关于
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

 

转自 http://liyunpeng.iteye.com/blog/2068751























以上是关于UEditor图片焦点错位,火狐document.body.scrollTop不管用的问题的主要内容,如果未能解决你的问题,请参考以下文章

ueditor上传附件火狐不兼容报304

jQuery怎么获取到富文本ueditor编辑器里面的文字和图片内容

ueditor富文本编辑器跨域上传图片解决办法

h5 ios微信浏览器 input获取焦点后,收起软键盘,光标错位

H5页面在微信浏览器打开 ios 键盘收起后弹出层焦点错位

完美解决ListView和CheckBox焦点冲突及复用时CheckBox错位等一系列问题