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 05 Javascript
Package.js  现代化的JavaScript项目make工具
May 23 Javascript
Javascript 实现图片无缝滚动
Dec 19 Javascript
JS实现判断碰撞的方法
Feb 11 Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 Javascript
js 判断一组日期是否是连续的简单实例
Jul 11 Javascript
JQuery控制DIV的选取实现方法
Sep 18 Javascript
JS中动态创建元素的三种方法总结(推荐)
Oct 20 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
Nov 03 Javascript
详解ESLint在Vue中的使用小结
Oct 15 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
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 array_flip() 删除数组重复元素
2009/01/14 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
全新Mac配置PHP开发环境教程
2016/02/03 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
jquery 获取自定义属性(attr和prop)的实现代码
2012/06/27 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
js绘制圆形和矩形的方法
2015/08/05 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
jQuery获取file控件中图片的宽高与大小
2016/08/04 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
validationEngine 表单验证插件使用实例代码
2017/06/15 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
vue 实现 tomato timer(蕃茄钟)实例讲解
2017/07/24 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
如何使用webpack打包一个库library的方法步骤
2019/12/18 Javascript
JS正则表达式常见函数与用法小结
2020/04/13 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
Python将DataFrame的某一列作为index的方法
2018/04/08 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
windows下python虚拟环境virtualenv安装和使用详解
2019/07/16 Python
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
警察思想汇报
2014/01/04 职场文书
表演方阵解说词
2014/02/08 职场文书
工商管理专业大学生职业生涯规划范文
2014/03/09 职场文书
我爱我家教学反思
2014/05/01 职场文书
环保建议书100字
2014/05/14 职场文书
奥巴马的演讲稿
2014/05/15 职场文书
大学生自荐材料范文
2014/12/30 职场文书
实习科室评语
2015/01/04 职场文书
Mysql基础知识点汇总
2021/05/26 MySQL