kindeditor編輯器點(diǎn)中圖片滾動(dòng)條往上頂?shù)腷ug
比如現(xiàn)在我插入兩張圖片,
無(wú)論我點(diǎn)擊哪張圖片,里邊的滾動(dòng)條都會(huì)往上頂。
本來(lái)以為往上會(huì)有解決方法,一查結(jié)果沒(méi)有;然后想著去官網(wǎng)查查,然而什么都沒(méi)有,想到官網(wǎng)提交這個(gè)bug,結(jié)果沒(méi)地方提交。
怎么解決,如果單是解決這個(gè)bug,去研究源碼,我覺(jué)的是吃力不討好的。
然后我就直接從 click、mousedown 這兩個(gè)事件找起,找它們獲得高度的地方,然后 感覺(jué)是的話就console.log下,看是不是。然后就找到了。
在這個(gè)函數(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)}; },
主要就是 那個(gè)box.top這里,不知道為什么,其他調(diào)用的時(shí)候都沒(méi)問(wèn)題,就是點(diǎn)擊圖片的時(shí)候它就變成負(fù)數(shù),估計(jì)它是獲得img的距離document的高度,而不是當(dāng)前鼠標(biāo)點(diǎn)擊的地方距離document的高度,或者其他。
所以我就在得到y(tǒng)之前去判斷box.top是否>0,然后將其等于0。然而并沒(méi)有效果。即:box.top= box.top<0 ? 0 : box.top;
不行我就直接在y=box.top + pos.y 這改, y = (parseInt(box.top) < 0 ? 0 : box.top) +pos.y;
這個(gè)bug解決了,但不知道哪里會(huì)出現(xiàn)問(wèn)題。所以 改的時(shí)候 請(qǐng)多測(cè)測(cè)。反正 我是沒(méi)找到有問(wèn)題的地方,有的話,記得提醒哦。謝謝。
以上所述就是本文的全部?jī)?nèi)容了,希望能給有相同需求的小伙伴們一些幫助。
- springmvc+kindeditor文件上傳實(shí)例詳解
- Kindeditor編輯器添加圖片上傳水印功能(php代碼)
- Kindeditor單獨(dú)調(diào)用單圖上傳增加預(yù)覽功能的實(shí)例
- Kindeditor單獨(dú)調(diào)用多圖上傳實(shí)例
- 常用的HTML富文本編譯器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor簡(jiǎn)介
- js控件Kindeditor實(shí)現(xiàn)圖片自動(dòng)上傳功能
- ASP.NET配置KindEditor文本編輯器圖文教程
- Kindeditor在線文本編輯器如何過(guò)濾HTML
- 使用JavaScript為Kindeditor自定義按鈕增加Audio標(biāo)簽
- kindeditor修復(fù)會(huì)替換script內(nèi)容的問(wèn)題
- Django添加KindEditor富文本編輯器的使用
相關(guān)文章
基于Web標(biāo)準(zhǔn)的UI組件 — 樹狀菜單(2)
基于Web標(biāo)準(zhǔn)的UI組件 — 樹狀菜單(2)...2006-09-09Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解
這篇文章主要介紹了Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05js與jQuery實(shí)現(xiàn)獲取table中的數(shù)據(jù)并拼成json字符串操作示例
這篇文章主要介紹了js與jQuery實(shí)現(xiàn)獲取table中的數(shù)據(jù)并拼成json字符串操作,涉及javascript與jQuery針對(duì)HTML頁(yè)面table表格數(shù)據(jù)獲取、遍歷及json字符串拼接相關(guān)操作技巧,需要的朋友可以參考下2018-07-07用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法
用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法...2007-01-01在光標(biāo)處插入字符串的實(shí)現(xiàn)代碼 兼容IE,Firefox
在光標(biāo)處插入字符串,一般用于網(wǎng)頁(yè)編輯器中,這里用的是text,需要的朋友可以參考下。2010-03-03