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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM