kindeditor编辑器点中图片滚动条往上顶的bug


Posted in Javascript onJuly 05, 2015

比如现在我插入两张图片,

kindeditor编辑器点中图片滚动条往上顶的bug

无论我点击哪张图片,里边的滚动条都会往上顶。

本来以为往上会有解决方法,一查结果没有;然后想着去官网查查,然而什么都没有,想到官网提交这个bug,结果没地方提交。

怎么解决,如果单是解决这个bug,去研究源码,我觉的是吃力不讨好的。

然后我就直接从 click、mousedown 这两个事件找起,找它们获得高度的地方,然后 感觉是的话就console.log下,看是不是。然后就找到了。

在这个函数里

pos : function() {
var self = this, node = self[0], x = 0, y = 0;
if (node) {
if (node.getBoundingClientRect) {
var box = node.getBoundingClientRect(),
pos = _getScrollPos(self.doc);
x = box.left + pos.x;
y = box.top + pos.y;
} else {
while (node) {
x += node.offsetLeft;
y += node.offsetTop;
node = node.offsetParent;
}
}
}
return {x : _round(x), y : _round(y)};
},

主要就是 那个box.top这里,不知道为什么,其他调用的时候都没问题,就是点击图片的时候它就变成负数,估计它是获得img的距离document的高度,而不是当前鼠标点击的地方距离document的高度,或者其他。

所以我就在得到y之前去判断box.top是否>0,然后将其等于0。然而并没有效果。即:box.top= box.top<0 ? 0 : box.top;

不行我就直接在y=box.top + pos.y 这改, y = (parseInt(box.top) < 0 ? 0 : box.top) +pos.y;

这个bug解决了,但不知道哪里会出现问题。所以 改的时候 请多测测。反正 我是没找到有问题的地方,有的话,记得提醒哦。谢谢。

以上所述就是本文的全部内容了,希望能给有相同需求的小伙伴们一些帮助。

Javascript 相关文章推荐
Javascript 判断函数类型完美解决方案
Sep 02 Javascript
工作需要写的一个js拖拽组件
Jul 28 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
ie7+背景透明文字不透明超级简单的实现方法
Jan 17 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
Nov 06 Javascript
jquery滚动条插件(可以自定义)
Dec 11 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
May 10 Javascript
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
jQuery实现简单评论区功能
Oct 26 jQuery
jQuery插件pagewalkthrough实现引导页效果
Jul 05 #Javascript
IE浏览器下PNG相关功能
Jul 05 #Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
Jul 05 #Javascript
javascript实现控制的多级下拉菜单
Jul 05 #Javascript
javascript遇到html5的一些表单属性
Jul 05 #Javascript
浅谈angularJS 作用域
Jul 05 #Javascript
javascript 应用小技巧方法汇总
Jul 05 #Javascript
You might like
PHP网站备份程序代码分享
2011/06/10 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
Codeigniter框架实现获取分页数据和总条数的方法
2014/12/05 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
WordPress中访客登陆实现邮件提醒的PHP脚本实例分享
2015/12/14 PHP
ThinkPHP模板循环输出Volist标签用法实例详解
2016/03/23 PHP
PHP多进程编程实例详解
2017/07/19 PHP
php生成HTML文件的类方法
2019/10/11 PHP
javascript mouseover、mouseout停止事件冒泡的解决方案
2009/04/07 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
2010/01/15 Javascript
jquery实现点击TreeView文本父节点展开/折叠子节点
2013/01/10 Javascript
js实现图片旋转的三种方法
2014/04/10 Javascript
js获取json元素数量的方法
2015/01/27 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
javascript事件处理模型实例说明
2016/05/31 Javascript
js制作可以延时消失的菜单
2017/01/13 Javascript
webpack优化的深入理解
2018/12/10 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
Python中线程编程之threading模块的使用详解
2015/06/23 Python
Python实现文件按照日期命名的方法
2015/07/09 Python
Python中数字以及算数运算符的相关使用
2015/10/12 Python
在python中只选取列表中某一纵列的方法
2018/11/28 Python
Python Numpy库datetime类型的处理详解
2019/07/13 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
Python实现自动签到脚本的示例代码
2020/08/19 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
一些PHP的面试题
2015/05/06 面试题
党的生日演讲稿
2014/09/10 职场文书
2014年护士工作总结范文
2014/11/11 职场文书
环保建议书作文400字
2015/09/14 职场文书
2016年教师反腐倡廉心得体会
2016/01/13 职场文书
python解决12306登录验证码的实现
2021/04/18 Python
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js
Mysql多层子查询示例代码(收藏夹案例)
2022/03/31 MySQL