最近做滾動效果,用到IScroll,當然就直接使用IScroll5了,在移動端用的iscroll-lite,輕而小但是 沒翻頁無限加載的功能
主要是 用到了在IScroll 裡面在嵌入 一個IScroll ,在IScroll4 裡還是有決絕的辦法,IScroll5就無能為力了(ps:應該有辦法,隻是本人沒找到),最後隻把兩個IScroll 做為同一級的元素,實作的。
iScroll5 事件使用
var myScroll = new IScroll(‘#wrapper‘);
myScroll.on('api事件',function(){});
iScroll4 事件使用
var myScroll =new iScroll("wrapper",{
onRefresh: function(e){...},
onScrollMove: function(e){...},
onScrollEnd: function(e)...{}
}
是以 iscroll4 裡 子類 iScroll 可以這樣阻止 事件冒泡
onBeforeScrollStart :function(e){
e.stopPropagation();
在 iScroll5裡
myScroll.on(‘beforeScrollStart',function(e){e.stopPropagation()});
卻是不能使用的
使用 iscroll 時 需要用到 click 事件的 click:true;
就ok了
當然 對于移動端 要是講究都不會用預設的click 事件可以自定義tap 事件