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入门学习资料收集整理篇
Jul 06 Javascript
div+css布局的图片连续滚动js实现代码
May 04 Javascript
JavaScript版TAB选项卡效果实例
Aug 16 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
Mar 25 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
Oct 28 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
May 26 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
基于JavaScript实现选项卡效果
Jul 21 Javascript
AJAX在JQuery中的应用详解
Jan 30 jQuery
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
咖啡店都有些什么常规豆子呢?有什么风味在里面
2021/03/04 咖啡文化
PHP 获取目录下的图片并随机显示的代码
2009/12/28 PHP
解析php框架codeigniter中如何使用框架的session
2013/06/24 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
PHP保留两位小数的几种方法
2019/07/24 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
YUI模块开发原理详解
2013/11/18 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
JavaScript中的this关键字使用详解
2015/08/14 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
2017/04/25 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
iview table高度动态设置方法
2018/03/14 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
[01:22]DOTA2神秘商店携大量周边降临完美大师赛
2017/11/07 DOTA
python3.0 字典key排序
2008/12/24 Python
常见的在Python中实现单例模式的三种方法
2015/04/08 Python
python实现将元祖转换成数组的方法
2015/05/04 Python
python实现简单登陆系统
2018/10/18 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
Python&amp;&amp;GDAL实现NDVI的计算方式
2020/01/09 Python
猫途鹰英国网站:TripAdvisor英国(旅游社区和旅游评论)
2016/08/30 全球购物
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
总经理职责范文
2013/11/08 职场文书
生日邀请函范文
2014/01/13 职场文书
中学生期中自我鉴定
2014/04/20 职场文书
售房协议书
2014/08/19 职场文书
中学生逃课检讨书
2015/02/17 职场文书
教师文明餐桌光盘行动倡议书
2015/04/28 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书