水平不到家,無法像js大神那樣講得頭頭是道。僅做記錄,以備後查。
iscroll5是不相容ie低版本的。為相容ie低版本(以ie8為例),需做以下工作:
1、事件繫結方式相容
眾所周知,獨特的ie有它自己事件處理的方法attachevent和detachevent。iscroll5的事件處理統一使用的是utils中的addevent和removeevent。需要使這兩個方法的方法實現相容ie8。最終結果如下:
me.addevent = function (el, type, fn, capture) else );} else }};
me.removeevent = function (el, type, fn, capture) else );
} else
}};
為什麼這麼寫,從這篇文章中得知ie9 是 ie 家族中第乙個支援 addeventlistener + handleevent 的瀏覽器,ie9 之前的版本連 addeventlistener 也沒能支援。所以就不得不新增對fn型別和handleevent方法的判斷。
2、事件傳參e的處理
ie事件捕捉接受的引數e為undefined,所以相容寫法需要在方法體插入首行:e = e || window.event;這樣的相容寫法。
3、e.preventdefault()和e.stoppropagation()的相容寫法
e.preventdefault()的相容寫法:
if (e.preventdefault) else
stoppropagation()的相容寫法:
if (e.stoppropagation) else
初次寫博,不甚嚴謹。敬請見諒
iScroll5中當重置位置
因為專案需要,最近使用了iscroll5,但是發現無論如何都不能完美的實現下拉重新整理效果。仔細檢查了下,發現iscroll5中當重置位置的時候,如果當前y座標大於0,則固定滾動回0,無法動態設定。那麼我們只需要進行一點簡單的修改,就可以搞定這個問題。1.找到下面這個部分 更改為 this.mins...
移動端那些事兒之iscroll5
解決方案很簡單,把這段 注釋掉即可,不得不說,在ios上使用iscroll效果很不錯。解決之後繼續測試,發現乙個很嚴重的問題,ios執行很流暢,沒有不適,而android上,當我把tab切換到聊天頁,只要一在input裡輸入內容並傳送出去,再回去詳情頁,頁面就卡住,不能滑動。這不是乙個小bug,為了...
iscroll5實現下拉載入更多
2 提取iscroll probe.js,選擇這個檔案的原因是我們要給iscroll擴充套件乙個事件,需要用到probetype 屬性 3 修改iscroll probe.js的原始碼,新增上拉監聽事件slideup iscroll 5 原始碼注釋 4 編輯頁面 html 上拉載入更多 css po...