iScroll基本使用
-
1.什么是iScroll?
- iScroll是一個高性能，資源占用少踱葛，無依賴丹莲，多平臺的javascript滾動插件光坝。
- iScroll不僅僅是滾動。在你的項目中包含僅僅4kb大小的iScroll甥材，能讓你的項目便擁有滾動盯另，縮放，平移洲赵，無限滾動鸳惯，視差滾動，旋轉功能
-
2.iScroll基本使用
- 2.1按照iScroll的規(guī)定搭建HTML結構
- 2.2引入iScroll
- 2.3創(chuàng)建iScroll對象, 告訴它誰需要滾動
-
3.iScroll的版本
- 針對iScroll的優(yōu)化叠萍。為了達到更高的性能芝发，iScroll分為了多個版本。你可以選擇最適合你的版本苛谷。
- iscroll.js辅鲸，這個版本是常規(guī)應用的腳本。它包含大多數(shù)常用的功能腹殿，有很高的性能和很小的體積独悴。
- iscroll-lite.js，精簡版本锣尉。它不支持快速跳躍刻炒，滾動條，鼠標滾輪悟耘，快捷鍵綁定落蝙。但如果你所需要的是滾動(特別是在移動平臺) iScroll 精簡版 是又小又快的解決方案。
- iscroll-probe.js暂幼，探查當前滾動位置是一個要求很高的任務,這就是為什么我決定建立一個專門的版本筏勒。如果你需要知道滾動位置在任何給定的時間,這是iScroll給你的。（我正在做更多的測試,這可能最終在常規(guī)iscroll.js腳本旺嬉，請留意）管行。
- iscroll-zoom.js，在標準滾動功能上增加縮放功能邪媳。
- iscroll-infinite.js捐顷，可以做無限緩存的滾動。處理很長的列表的元素為移動設備并非易事雨效。 iScroll infinite版本使用緩存機制,允許你滾動一個潛在的無限數(shù)量的元素迅涮。
iScroll高級使用
let myScroll = new IScroll('.box', {
mouseWheel: true, // 可使用滑輪滾動
scrollbars: true // 滾動條顯示
//scrollbars: 'custom' // 自定義滾動條
});
// on事件：
myScroll.on("beforeScrollStart", function () {
console.log("滾動之前");
});
myScroll.on("scrollStart", function () {
console.log("開始滾動");
});
myScroll.on("scrollEnd", function () {
console.log("滾動結束");
});
