kindeditor編輯器點中圖片滾動條往上頂?shù)腷ug
比如現(xiàn)在我插入兩張圖片，
無論我點擊哪張圖片，里邊的滾動條都會往上頂。
本來以為往上會有解決方法，一查結(jié)果沒有；然后想著去官網(wǎng)查查，然而什么都沒有，想到官網(wǎng)提交這個bug，結(jié)果沒地方提交。
怎么解決，如果單是解決這個bug，去研究源碼，我覺的是吃力不討好的。
然后我就直接從 click、mousedown 這兩個事件找起，找它們獲得高度的地方，然后 感覺是的話就console.log下，看是不是。然后就找到了。
在這個函數(shù)里
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這里，不知道為什么，其他調(diào)用的時候都沒問題，就是點擊圖片的時候它就變成負(fù)數(shù)，估計它是獲得img的距離document的高度，而不是當(dāng)前鼠標(biāo)點擊的地方距離document的高度，或者其他。
所以我就在得到y(tǒng)之前去判斷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解決了，但不知道哪里會出現(xiàn)問題。所以 改的時候 請多測測。反正 我是沒找到有問題的地方，有的話，記得提醒哦。謝謝。
以上所述就是本文的全部內(nèi)容了，希望能給有相同需求的小伙伴們一些幫助。
- springmvc+kindeditor文件上傳實例詳解
- Kindeditor編輯器添加圖片上傳水印功能（php代碼）
- Kindeditor單獨調(diào)用單圖上傳增加預(yù)覽功能的實例
- Kindeditor單獨調(diào)用多圖上傳實例
- 常用的HTML富文本編譯器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor簡介
- js控件Kindeditor實現(xiàn)圖片自動上傳功能
- ASP.NET配置KindEditor文本編輯器圖文教程
- Kindeditor在線文本編輯器如何過濾HTML
- 使用JavaScript為Kindeditor自定義按鈕增加Audio標(biāo)簽
- kindeditor修復(fù)會替換script內(nèi)容的問題
- Django添加KindEditor富文本編輯器的使用
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)圖片放大效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
JavaScript 幾種循環(huán)方式以及模塊化的總結(jié)
這篇文章主要介紹了JavaScript 幾種循環(huán)方式以及模塊化的的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-09-09
Javascript 實現(xiàn) Excel 導(dǎo)入生成圖表功能
這篇文章主要介紹了Javascript 實現(xiàn) Excel 導(dǎo)入生成圖表功能，本文通過實例代碼講解給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10
下面腳本之家編輯就將一些css的格式化與壓縮技巧簡單的介紹下，一把情況需要盡量的縮寫樣式，減少體積，然后用工具進(jìn)行壓縮，然后再測試網(wǎng)頁。2007-06-06
正則表達(dá)式描述了一種字符串匹配的模式,可以用來檢查一個串是否含有某種子串、將匹配的子串替換或者從某個串中取出符合某個條件的子串等,常用于表單驗證等,下面這篇文章主要給大家介紹了關(guān)于javascript表單驗證以及正則表達(dá)式的相關(guān)資料,需要的朋友可以參考下2023-05-05
js前端技巧之圖片格式轉(zhuǎn)換(File、Blob、base64)
這篇文章主要給大家介紹了關(guān)于js前端技巧之圖片格式轉(zhuǎn)換(File、Blob、base64)的相關(guān)資料,主要記錄一下比較常見的圖片格式（File、Blob、base64）在不同的場景他們之間的相互轉(zhuǎn)換的方法,需要的朋友可以參考下2023-04-04
這篇文章主要給大家介紹了關(guān)于JS拆箱轉(zhuǎn)換的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
JS 對象(Object)和字符串(String)互轉(zhuǎn)方法
下面小編就為大家?guī)硪黄狫S 對象(Object)和字符串(String)互轉(zhuǎn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了js判斷滾動條是否已到頁面最底部或頂部的原理與方法,以實例的形式詳細(xì)分析了js實現(xiàn)返回頂部功能所涉及的各種技巧,并對相關(guān)知識點進(jìn)行了總結(jié)歸納,需要的朋友可以參考下2014-11-11
微信小程序與axios組成網(wǎng)絡(luò)層封裝過程詳解
小程序在網(wǎng)絡(luò)層提供的API是能夠完成一個程序與服務(wù)端交互的完整鏈路，但需要大量的定制化代碼，才能實現(xiàn)請求攔截和響應(yīng)攔截，不太符合大多數(shù)開發(fā)者的使用習(xí)慣，對于前端開發(fā)者來說，網(wǎng)絡(luò)層還得是axios2023-02-02