- 針對iScroll的優化。為了達到更高的性能,iScroll分為了多個版本。你可以選擇最適合你的版本。
目前有以下版本:
iscroll.js,這個版本是常規應用的腳本。它包含大多數常用的功能,有很高的性能和很小的體積。
iscroll-lite.js,精簡版本。它不支持快速跳躍,滾動條,鼠標滾輪,快捷鍵綁定。但如果你所需要的是滾動(特別是在移動平臺) iScroll 精簡版 是又小又快的解決方案。
iscroll-probe.js,探查當前滾動位置是一個要求很高的任務,這就是為什么我決定建立一個專門的版本。如果你需要知道滾動位置在任何給定的時間,這是iScroll給你的。(我正在做更多的測試,這可能最終在常規iscroll.js腳本,請留意)。
iscroll-zoom.js,在標準滾動功能上增加縮放功能。
iscroll-infinite.js,可以做無限緩存的滾動。處理很長的列表的元素為移動設備并非易事。 iScroll infinite版本使用緩存機制,允許你滾動一個潛在的無限數量的元素。
- 使用方法看官網下載的master 包里的demo
- iscroll.js 和 echo.js 一起使用時 ,因為iscroll 不是使用的body 的滾動條 ,會造成echo.js 監聽不到scroll 而無法正常加載圖片的現象
-- 解決方法
---使用iscroll 里的 滾動結束事件監聽,對 所在div 監聽,并主動觸發scoll 事件
myScroll = new IScroll('#wrapper', {
scrollbars: true,
mouseWheel: true,
interactiveScrollbars: true,
shrinkScrollbars: 'scale',
fadeScrollbars: true
});
myScroll.on('scrollEnd', function() {
$('div#scroller').trigger('scroll');
});