// 建立滚动视图
var myScroll = new IScroll('.content', {
// bounceEasing: 'elastic', bounceTime: 1200
//经常使用配置项
//弹簧效果
bounce: true,
//打开点击事件
//为了系统更优默认click事件为false,统一为滚动事件
//若是想页面的点击事件和a标签连接生效的话必须让click和tap都设置为true;
click: true,
tap: true,
//支持鼠标滚动
mouseWheel: true,
//显示滚动条
scrollbars: true,
//滚动条淡入淡出
fadeScrollbars: true,
//x,y轴是否能够滚动
scrollX: true,
scrollY: true,
//自由滚动,精确手指的运动(X,Y轴都会偏移),值为false时只会根据X,Y轴谁偏移的多就向哪方滚
freeScroll: true,
//x,y轴设置起始位置
startX: 0,
startY: 0,
//配置侦听滚动事件的方式(须要换成引入iscroll-probe.js)
probeType: 3//可取值：1,2,3
//1,scroll执行缓慢,惯性的滚动不执行
//2,scroll执行较快,惯性的滚动不执行
//3,scroll执行较快,惯性的滚动执行
});
function testAction(){
//iscroll经常使用属性
// myScroll.wrapper 滚动容器的dom对象
// myScroll.scroller 滚动视图的dom对象
//x,y轴最大滚动范围
// myScroll.maxScrollX
// myScroll.maxScrollY
// 当前滚动视图所在位置
// myScroll.x
// myScroll.y
console.log(myScroll);
//iscroll经常使用的方法
//滚动到指定的位置
// myScroll.scrollTo(x, y, speed);
// myScroll.scrollTo(0, -200, 500);
//myScroll.scrollBy(0, -200, 500)每次都会走你设定的距离(数据会叠加)
//更新滚动视图
// myScroll.refresh();
}
// iscroll的滚动事件
//滚动开始前
myScroll.on('beforeScrollStart', function(){
console.log('beforeScrollStart');
});
//滚动开始
myScroll.on('scrollStart', function(){
console.log('scrollStart');
});
//正在滚动
myScroll.on('scroll', function(){
console.log('scroll');
});
// 滚动中止
myScroll.on('scrollEnd', function(){
console.log('scrollEnd');
});
// 滚动取消，触发条件跟touchcancel同样(手机放弃活跃状态的时候,好比你收到短信)
myScroll.on('scrollCancel', function(){
console.log('scrollCancel');
});