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 相关文章推荐
js不是基础的基础
Dec 24 Javascript
javascript 鼠标滚轮事件
Apr 09 Javascript
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
May 10 Javascript
JS截取与分割字符串常用技巧总结
Nov 10 Javascript
第一次接触神奇的Bootstrap基础排版
Jul 26 Javascript
AngularJS中的表单简单入门
Jul 28 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
Canvas放置反弹效果随机图形(实例)
Aug 17 Javascript
微信小程序时间标签和时间范围的联动效果
Feb 15 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
Mar 02 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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
VML绘图板②脚本--VMLgraph.js、XMLtool.js
2006/10/09 PHP
PHP中for与foreach的区别分析
2011/03/09 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
用JavaScript隐藏控件的方法
2009/09/21 Javascript
让复选框只能选择一项的方法
2013/10/08 Javascript
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
JavaScript中setFullYear()方法的使用详解
2015/06/11 Javascript
JavaScript实现打字效果的方法
2015/07/10 Javascript
JavaScript实现动态删除列表框值的方法
2015/08/12 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
node+experss实现爬取电影天堂爬虫
2016/11/20 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
详解webpack + react + react-router 如何实现懒加载
2017/11/20 Javascript
php结合js实现多条件组合查询
2019/05/28 Javascript
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
利用pandas读取中文数据集的方法
2018/07/25 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
python中append实例用法总结
2019/07/30 Python
使用Matplotlib绘制不同颜色的带箭头的线实例
2020/04/17 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
获取python运行输出的数据并解析存为dataFrame实例
2020/07/07 Python
Pycharm在指定目录下生成文件和删除文件的实现
2020/12/28 Python
python基于opencv实现人脸识别
2021/01/04 Python
python中if嵌套命令实例讲解
2021/02/25 Python
宝信软件JAVA工程师面试经历
2012/08/19 面试题
大学毕业生的自我鉴定
2013/11/30 职场文书
车间操作工岗位职责
2013/12/19 职场文书
诚信考试承诺书
2014/03/27 职场文书
公司员工安全协议书
2014/11/21 职场文书
2014公司年终工作总结
2014/12/19 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
MySQL连接控制插件介绍
2021/09/25 MySQL
Java使用Unsafe类的示例详解
2021/09/25 Java/Android
实现GO语言对数组切片去重
2022/04/20 Golang