iscroll的基本方法

// 建立滾動視圖

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');

});