首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 作文大全 > 正文

    【kindeditor编辑器点中图片滚动条往上顶的bug】 html5富文本编辑器

    时间：2020-04-30来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    这篇文章主要介绍了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】 html5富文本编辑器 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文【kindeditor编辑器点中图片滚动条往上顶的bug】 html5富文本编辑器由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.