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在IE或Firefox下获取鼠标位置的代码
Dec 18 Javascript
表单验证的完整应用案例探讨
Mar 29 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
May 14 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
禁止按回车键提交表单的方法
Jun 11 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
Mar 09 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
javascript 数组去重复(在线去重工具)
Dec 17 Javascript
js正则表达式验证表单【完整版】
Mar 06 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 Javascript
ES6 Iterator接口和for...of循环用法分析
Jul 31 Javascript
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的Yii框架中Model模型的学习教程
2016/03/29 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
javascript 自动填写表单的实现方法
2010/04/09 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
JavaScript?Apple设备检测示例代码
2013/11/15 Javascript
jquery实现图片滚动效果的简单实例
2013/11/23 Javascript
利用javascript实现全部删或清空所选的操作
2014/05/27 Javascript
原生JavaScript+LESS实现瀑布流
2014/12/12 Javascript
JS JQUERY实现滚动条自动滚到底的方法
2015/01/09 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
javascript实现的登陆遮罩效果汇总
2015/11/09 Javascript
Bootstrap每天必学之简单入门
2015/11/19 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
2017/06/28 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
2017/07/24 Javascript
表格展示利器 Bootstrap Table实例代码
2017/09/06 Javascript
bootstrap table实现横向合并与纵向合并
2019/07/18 Javascript
vue实现移动端拖动排序
2020/08/21 Javascript
python strip()函数 介绍
2013/05/24 Python
pycharm 使用心得(三)Hello world!
2014/06/05 Python
Python实现改变与矩形橡胶的线条的颜色代码示例
2018/01/05 Python
python3.6 实现AES加密的示例(pyCryptodome)
2018/01/10 Python
Python基于FTP模块实现ftp文件上传操作示例
2018/04/23 Python
Python库skimage绘制二值图像代码实例
2020/04/10 Python
Django 权限管理(permissions)与用户组(group)详解
2020/11/30 Python
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
Linux如何压缩可执行文件
2014/03/27 面试题
国贸专业个人求职信范文
2014/01/08 职场文书
安全承诺书格式
2014/05/21 职场文书
父母教会我观后感
2015/06/17 职场文书
年中了,该如何写好个人述职报告?
2019/07/02 职场文书
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript