IScroll5 參數說明和調用方法

IScroll.js 最新版本 v5.1.2

修複了輸入框無法輸入和橫向滾動時無法上下滾動頁面的問題

var myScroll = new IScroll('#wrapper', {    disableMouse: true,    disablePointer: true});

官網：http://iscrolljs.com

github： https://github.com/cubiq/iscroll/

 

 

調用時參數設定：

所屬	屬性名稱	說明	預設值
核心庫croe	options.useTransform	是否使用CSS3的Transform屬性	true
options.useTransition	是否使用CSS3的Transition屬性，否則使用requestAnimationFram代替	true
options.HWCompositing	是否啟用硬體加速	true
options.bounce	是否啟用彈力動畫效果，關掉可以加速	true
基礎特性Basic features	options.click	是否啟用click事件。建議關閉此選項並啟用自訂的tap事件（options.tap）	false
options.disableMouse	是否關閉滑鼠事件探測。如知道運行在哪個平台，可以開啟它來加速。	false
options.disablePointer	是否關閉指標事件探測。如知道運行在哪個平台，可以開啟它來加速。	false
options.disableTouch	是否關閉觸摸事件探測。如知道運行在哪個平台，可以開啟它來加速。	false
options.eventPassthrough	使用IScroll的橫軸滾動時，如想使用系統立軸滾動並在橫軸上生效，請開啟。event passthrough demo	false
options.freeScroll	主要在上下左右滾動都生效時使用，可以向任意方向滾動。2D scroll demo	false
options.keyBindings	綁定按鍵事件。Key bindings	false
options.invertWheelDirection	反向滑鼠滾輪。	false
options.momentum	是否開啟動量動畫，關閉可以提升效率。	true
options.mouseWheel	是否監聽滑鼠滾輪事件。	false
options.preventDefault	是否屏蔽預設事件。	true
options.scrollbars	是否顯示預設捲軸	false
options.scrollXoptions.scrollY	可以設定IScroll滾動的初始位置	0
options.tap	是否啟用自訂的tap事件可以自訂tap事件名	false
捲軸Scrollbars	options.scrollbars	是否顯示預設捲軸	false
options.fadeScrollbars	是否漸隱捲軸，關掉可以加速	true
options.interactiveScrollbars	使用者是否可以拖動捲軸	false
options.resizeScrollbars	是否固定捲軸大小，建議自訂捲軸時可開啟。	false
options.shrinkScrollbars	滾動超出捲動界限時，是否收縮捲軸。‘clip’：裁剪超出的捲軸 ‘scale’:按比例的收縮捲軸（佔用CPU資源） false:不收縮，	false
	options.indicators	指示IScroll該如何滾動，Scrollbars的底層實現方式。
options.indicators.el	制定捲軸的容器。容器中的第一個元素即為指標。例如： indicators: { el: document.getElementById(‘indicator’) } indicators: { el: ‘#indicator’ }
options.indicators.ignoreBoundaries	是否忽略容器邊界。設為true 可以設定捲動速度parallax demo	false
options.indicators.listenXoptions.indicators.listenY	指標監聽那個方向的滾動，可以設定為一個方向或2個方向	true
options.indicators.speedRatioXoptions.indicators.speedRatioY	指標相對主捲軸的速度	0
options.indicators.fadeoptions.indicators.interactive options.indicators.resize options.indicators.shrink	如scrollbars的設定minimap demo
options.probeType	需要使用iscroll-probe.js才會生效probeType：1  滾動不繁忙的時候觸發 probeType：2  滾動時每隔一定時間觸發 probeType：3  每滾動一像素觸發一次
分割頁面snap	options.snap	自動分割容器，用於製作走馬燈效果等。Options.snap:true//根據容器尺寸自動分割