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解析URL参数示例代码
Aug 12 Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 Javascript
Javascript验证上传图片大小[前台处理]
Jul 18 Javascript
详细解密jsonp跨域请求
Apr 15 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
vue源码解析之事件机制原理
Apr 21 Javascript
Vue 实现树形视图数据功能
May 07 Javascript
修改node.js默认的npm安装目录实例
May 15 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
Nov 28 Javascript
浅谈vuex actions和mutation的异曲同工
Dec 13 Javascript
新手入门js闭包学习过程解析
Oct 08 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
Joomla数据库操作之JFactory::getDBO用法
2016/05/05 PHP
PHP7.1新功能之Nullable Type用法分析
2016/09/26 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
PHP编程一定要改掉的5个不良习惯
2020/09/18 PHP
jquery中获得$.ajax()事件返回的值并添加事件的方法
2010/04/15 Javascript
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
关于递归运算的顺序测试代码
2011/11/30 Javascript
JS中sort函数排序用法实例分析
2016/06/16 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
python中字符串前面加r的作用
2015/06/04 Python
python读取excel表格生成erlang数据
2017/08/26 Python
python学习必备知识汇总
2017/09/08 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
jupyter notebook 调用环境中的Keras或者pytorch教程
2020/04/14 Python
css3 iphone玻璃透明气泡完美实现
2013/03/20 HTML / CSS
南威尔士家居商店:Leekes
2016/10/25 全球购物
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
大专生自荐信
2013/10/04 职场文书
自我评价200字分享
2013/12/17 职场文书
活动邀请函范文
2014/01/19 职场文书
签约仪式主持词
2014/03/19 职场文书
学校欢迎标语
2014/06/18 职场文书
竞选大队干部演讲稿
2014/09/11 职场文书
团代会闭幕词
2015/01/28 职场文书
2015年禁毒宣传活动总结
2015/03/25 职场文书
员工年度工作总结2015
2015/05/18 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书
《夹竹桃》教学反思
2016/02/23 职场文书
nginx常用命令放入shell脚本详解
2021/03/31 Servers
详解Node.js如何处理ES6模块
2021/05/15 Javascript
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript
cypress测试本地web应用
2022/06/01 Javascript