IScroll5相容IE修改

2022-08-26 07:36:09 字數 887 閱讀 2659

水平不到家,無法像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...