手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >kindeditor编辑器点中图片滚动条往上顶的bug
kindeditor编辑器点中图片滚动条往上顶的bug
摘要:这篇文章主要介绍了kindeditor编辑器点中图片滚动条往上顶的bug的相关资料,需要的朋友可以参考下比如现在我插入两张图片,无论我点击哪...

这篇文章主要介绍了kindeditor编辑器点中图片滚动条往上顶的bug的相关资料,需要的朋友可以参考下

比如现在我插入两张图片,

kindeditor编辑器点中图片滚动条往上顶的bug1

无论我点击哪张图片,里边的滚动条都会往上顶。

本来以为往上会有解决方法,一查结果没有;然后想着去官网查查,然而什么都没有,想到官网提交这个bug,结果没地方提交。

怎么解决,如果单是解决这个bug,去研究源码,我觉的是吃力不讨好的。

然后我就直接从 click、mousedown 这两个事件找起,找它们获得高度的地方,然后 感觉是的话就console.log下,看是不是。然后就找到了。

在这个函数里

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

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解决了,但不知道哪里会出现问题。所以 改的时候 请多测测。反正 我是没找到有问题的地方,有的话,记得提醒哦。谢谢。

以上所述就是本文的全部内容了,希望能给有相同需求的小伙伴们一些帮助。

【kindeditor编辑器点中图片滚动条往上顶的bug】相关文章:

JavaScript判断图片是否已经加载完毕的方法汇总

js实现键盘Enter键提交表单的方法

JQuery+CSS实现图片上放置按钮的方法

jQuery处理图片加载失败的常用方法

jQuery实现弹出窗口中切换登录与注册表单

JQuery boxy插件在IE中边角图片不显示问题的解决

JQuery中属性过滤选择器用法

JavaScript中的toUTCString()方法使用详解

精彩图片推荐 渐隐渐现

javascript瀑布流式图片懒加载实例解析与优化

精品推荐
分类导航