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 相关文章推荐
JQuery 国际象棋棋盘 实现代码
Jun 26 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
Aug 02 Javascript
深入理解Javascript里的依赖注入
Mar 19 Javascript
javascript实现左右控制无缝滚动
Dec 31 Javascript
使用javaScript动态加载Js文件和Css文件
Oct 24 Javascript
js简单时间比较的方法
Aug 02 Javascript
Javascript动画效果(3)
Oct 11 Javascript
微信小程序 教程之模板
Oct 18 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
Jul 06 Javascript
vue2.0.js的多级联动选择器实现方法
Feb 09 Javascript
vue生命周期与钩子函数简单示例
Mar 13 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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
PHP SPL使用方法和他的威力
2013/11/12 PHP
一个经典的PHP文件上传类分享
2014/11/18 PHP
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
IE8对JS通过属性和数组遍历解析不一样的地方探讨
2013/05/06 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
2015/10/16 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
JQuery Ajax WebService传递参数的简单实例
2016/11/02 Javascript
JavaScript实现图片无缝滚动效果
2017/07/07 Javascript
详解js静态检查工具eslint配置文件
2018/11/23 Javascript
详解基于node.js的脚手架工具开发经历
2019/01/28 Javascript
javascript设计模式 ? 代理模式原理与用法实例分析
2020/04/16 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
Python字符串格式化输出方法分析
2016/04/13 Python
Python用list或dict字段模式读取文件的方法
2017/01/10 Python
python三方库之requests的快速上手
2019/03/04 Python
PYTHON实现SIGN签名的过程解析
2019/10/28 Python
python扫描线填充算法详解
2020/02/19 Python
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
Gucci法国官方网站:意大利奢侈品牌
2018/07/25 全球购物
解释下列WebService名词:WSDL、SOAP、UDDI
2012/06/22 面试题
英语自荐信常用语句
2013/12/13 职场文书
《秋游》教学反思
2014/04/24 职场文书
向国旗敬礼活动小结
2014/09/27 职场文书
抗洪救灾标语
2014/10/08 职场文书
药店收银员岗位职责
2015/04/07 职场文书
心灵捕手观后感
2015/06/02 职场文书
党组织结对共建协议书
2016/03/23 职场文书
同学联谊会邀请函
2019/06/24 职场文书
开学季:喜迎新生,迎新标语少不了
2019/11/07 职场文书
Python 中random 库的详细使用
2021/06/03 Python
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
JavaScript与JQuery框架基础入门教程
2021/07/15 Javascript
JavaScript声明变量和数据类型的转换
2022/04/12 Javascript