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 27 Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
任意Json转成无序列表的方法示例
Dec 09 Javascript
js实现3d悬浮效果
Feb 16 Javascript
使用gulp搭建本地服务器并实现模拟ajax
Apr 05 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
Oct 26 Javascript
详解JavaScript中的数组合并方法和对象合并方法
May 11 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 Javascript
vue动态设置页面title的方法实例
Aug 23 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
2006/12/14 PHP
php 破解防盗链图片函数
2008/12/09 PHP
php 判断数组是几维数组
2013/03/20 PHP
php生成zip压缩文件的方法详解
2013/06/09 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
基于 Swoole 的微信扫码登录功能实现代码
2018/01/15 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
Mootools 1.2教程 类(一)
2009/09/15 Javascript
javascript 快速排序函数代码
2012/05/30 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
浅析javascript中function 的 length 属性
2014/05/27 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
2016/12/08 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
JS实现商品筛选功能
2020/08/19 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
JS监听组合按键思路及实现过程
2020/04/17 Javascript
JS实现4位随机验证码
2020/10/19 Javascript
在Python中使用PIL模块处理图像的教程
2015/04/29 Python
docker-py 用Python调用Docker接口的方法
2019/08/30 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
2019/10/23 Python
实现Python与STM32通信方式
2019/12/18 Python
浅谈Python中re.match()和re.search()的使用及区别
2020/04/14 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
大学生志愿者感言
2014/01/15 职场文书
副科竞争上岗演讲稿
2014/05/12 职场文书
2014年团总支工作总结
2014/11/21 职场文书
2015年新农合工作总结
2015/03/30 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
生产实习心得体会范文
2016/01/22 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android
一起来看看Vue的核心原理剖析
2022/03/24 Vue.js