kindeditor編輯器點中圖片捲軸往上頂的bug_javascript技巧

來源:互聯網
上載者:User

比如現在我插入兩張圖片,

無論我點擊哪張圖片,裡邊的捲軸都會往上頂。

本來以為往上會有解決方案,一查結果沒有;然後想著去官網查查,然而什麼都沒有,想到官網提交這個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解決了,但不知道哪裡會出現問題。所以 改的時候 請多測測。反正 我是沒找到有問題的地方,有的話,記得提醒哦。謝謝。

以上所述就是本文的全部內容了,希望能給有相同需求的小夥伴們一些協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.