iscroll插件

iscroll初始化

1
2
3
4
5
6
7
8
9
10
11
12
var myScroll = new IScroll('.content', {
bounce: true, //开启弹簧效果
click: true, //在iscroll中,为了性能优化,没有将点击事件传递下去
tap: true, //tap事件相当于移动端的click
startY: -100, //startX,startY设置起始位置
scrollY: true,//Y轴是否可以滚动
scrollX: false,//x轴是否可以滚动
freeScroll: true,//自由滚动
scrollbars: true, //是否显示滚动条
fadeScrollbars: true, //滚动时才显示滚动条
probeType: 3
});

iscroll方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
myScroll.on('beforeScrollStart', ()=>{
console.log('滚动开始前');
})
myScroll.on('scrollStart', ()=>{
console.log('滚动开始了');
})
myScroll.on('scroll', ()=>{
console.log('正在滚动。。。。');
})
//主动的停止
myScroll.on('scrollEnd', ()=>{
console.log('停止了滚动');
})
//被动的,来电,来短信,接收通知,app退出后台
myScroll.on('scrollCancel', ()=>{
console.log('滚动取消');
})
//滚动最大范围
console.log(myScroll.maxScrollY)
console.log(myScroll.maxScrollX)
//刷新滚动视图,让滚动视图重新识别容器大小
myScroll.refresh();
}