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 相关文章推荐
xml和web特殊字符
Apr 28 Javascript
Javascript 网页水印(非图片水印)实现代码
Mar 01 Javascript
拉动滚动条加载数据的jquery代码
May 03 Javascript
基于jquery异步传输json数据格式实例代码
Nov 23 Javascript
Jquery动态替换div内容及动态展示的方法
Jan 23 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
Aug 15 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
仿vue-cli搭建属于自己的脚手架的方法步骤
Apr 17 Javascript
详解Vue 换肤方案验证
Aug 28 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
Apr 07 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的宝库目录--PEAR
2006/10/09 PHP
php Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
php牛逼的面试题分享
2013/01/18 PHP
CodeIgniter上传图片成功的全部过程分享
2013/08/12 PHP
QQ互联一键登录审核不通过的解决方案
2014/09/10 PHP
PHP中对数组的一些常用的增、删、插操作函数总结
2015/11/27 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
jQuery 表单验证扩展(三)
2010/10/20 Javascript
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
jquery中加载图片自适应大小主要实现代码
2013/08/23 Javascript
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
2016/12/20 Javascript
canvas绘制多边形
2017/02/24 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
深入理解Angularjs 脏值检测
2018/10/12 Javascript
python判断windows隐藏文件的方法
2014/03/21 Python
Python的迭代器和生成器
2015/07/29 Python
python爬虫实战之爬取京东商城实例教程
2017/04/24 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
python PyAUtoGUI库实现自动化控制鼠标键盘
2020/09/09 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
python 制作本地应用搜索工具
2021/02/27 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
Java面试题:请问一下代码输出是什么
2015/05/27 面试题
银行办理业务介绍信
2014/01/18 职场文书
户外拓展活动方案
2014/02/11 职场文书
应届大专毕业生自我鉴定
2014/04/08 职场文书
门卫岗位职责
2015/02/09 职场文书
街道办残联2016年助残日活动总结
2016/04/01 职场文书
mysql 数据插入优化方法之concurrent_insert
2021/07/01 MySQL
Win11 BitLocker 驱动器加密
2022/04/19 数码科技