天天看点

关于 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 事件