天天看點

關于 IScroll5 和IScroll4 的一些用法

最近做滾動效果,用到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 事件