iscroll5 插件 Api 转-官方（整理版）

墨蓝 2022-06-13 11:52 135阅读 0赞

调用时参数设置：

<table style="border-collapse:collapse; border-top:1px solid rgb(221,221,221); border-left:1px solid rgb(221,221,221); width:815px; margin-bottom:16px; color:rgb(85,85,85); font-family:&quot;Microsoft Yahei&quot;,&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif; font-size:15px; line-height:26px"> 
 <tbody> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px; background-color:rgb(243,243,243)"> 所属</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px; background-color:rgb(243,243,243)"> 属性名</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px; background-color:rgb(243,243,243)"> 说明</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px; background-color:rgb(243,243,243)"> 默认值</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 核心库croe</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.useTransform</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否使用CSS3的Transform属性</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> true</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.useTransition</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否使用CSS3的Transition属性，否则使用requestAnimationFram代替</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> true</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.HWCompositing</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否启用硬件加速</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> true</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.bounce</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否启用弹力动画效果，关掉可以加速</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> true</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 基础特性Basic&nbsp;features</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.click</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否启用click事件。建议关闭此选项并启用自定义的tap事件（options.tap）</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.disableMouse</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否关闭鼠标事件探测。如知道运行在哪个平台，可以开启它来加速。</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.disablePointer</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否关闭指针事件探测。如知道运行在哪个平台，可以开启它来加速。</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.disableTouch</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否关闭触摸事件探测。如知道运行在哪个平台，可以开启它来加速。</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.eventPassthrough</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 使用IScroll的横轴滚动时，如想使用系统立轴滚动并在横轴上生效，请开启。<a href="http://lab.cubiq.org/iscroll5/demos/event-passthrough/" title="" style="color:rgb(0,166,124)" rel="nofollow">event&nbsp;passthrough&nbsp;demo</a></td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.freeScroll</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 主要在上下左右滚动都生效时使用，可以向任意方向滚动。<a href="http://lab.cubiq.org/iscroll5/demos/2d-scroll/" title="" style="color:rgb(0,166,124)" rel="nofollow">2D&nbsp;scroll&nbsp;demo</a></td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.keyBindings</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 绑定按键事件。<a href="http://iscrolljs.com/#key-bindings" title="" style="color:rgb(0,166,124)" rel="nofollow">Key&nbsp;bindings</a></td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.invertWheelDirection</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 反向鼠标滚轮。</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.momentum</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否开启动量动画，关闭可以提升效率。</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> true</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.mouseWheel</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否监听鼠标滚轮事件。</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.preventDefault</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否屏蔽默认事件。</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> true</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.scrollbars</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否显示默认滚动条</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.scrollXoptions.scrollY</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 可以设置IScroll滚动的初始位置</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 0</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.tap</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否启用自定义的tap事件可以自定义tap事件名</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 滚动条Scrollbars</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.scrollbars</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否显示默认滚动条</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.fadeScrollbars</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否渐隐滚动条，关掉可以加速</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> true</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.interactiveScrollbars</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 用户是否可以拖动滚动条</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.resizeScrollbars</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否固定滚动条大小，建议自定义滚动条时可开启。</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.shrinkScrollbars</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 滚动超出滚动边界时，是否收缩滚动条。‘clip’：裁剪超出的滚动条 ‘scale’:按比例的收缩滚动条（占用CPU资源） false:不收缩， </td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> &nbsp;</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.indicators</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 指示IScroll该如何滚动，Scrollbars的底层实现方式。</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.indicators.el</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 制定滚动条的容器。容器中的第一个元素即为指示器。例如： indicators:&nbsp;{ el:&nbsp;document.getElementById(‘indicator’) } indicators:&nbsp;{ el:&nbsp;‘#indicator’ } </td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.indicators.ignoreBoundaries</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否忽略容器边界。设为true&nbsp;可以设置滚动速度<a href="http://lab.cubiq.org/iscroll5/demos/parallax/" title="" style="color:rgb(0,166,124)" rel="nofollow">parallax&nbsp;demo</a></td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.indicators.listenXoptions.indicators.listenY</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 指示器监听那个方向的滚动，可以设置为一个方向或2个方向</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> true</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.indicators.speedRatioXoptions.indicators.speedRatioY</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 指示器相对主滚动条的速度</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 0</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.indicators.fadeoptions.indicators.interactive options.indicators.resize options.indicators.shrink </td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 如scrollbars的设置<a href="http://lab.cubiq.org/iscroll5/demos/minimap/" title="" style="color:rgb(0,166,124)" rel="nofollow">minimap&nbsp;demo</a></td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.probeType</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 需要使用iscroll-probe.js才能生效probeType：1&nbsp;&nbsp;滚动不繁忙的时候触发 probeType：2&nbsp;&nbsp;滚动时每隔一定时间触发 probeType：3&nbsp;&nbsp;每滚动一像素触发一次 </td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 分割页面snap</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.snap</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 自动分割容器，用于制作走马灯效果等。Options.snap:true//根据容器尺寸自动分割 Options.snap:el//根据元素分割 </td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 缩放zoom</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.zoom</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 是否打开缩放最好使用iscroll-zoom.js 如放大模糊，可将源容器定义为2倍大小，然后scale(0.5) <a href="http://lab.cubiq.org/iscroll5/demos/zoom/" title="" style="color:rgb(0,166,124)" rel="nofollow">zoom&nbsp;demo</a> </td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.zoomMax</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 最大缩放等级</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 4</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.zoomMin</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 最小缩放等级</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 1</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.zoomStart</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 初始缩放等级</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 1</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.wheelAction</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 滚轮动作设为’zoom’，可以用滚轮缩放</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> undefined</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 更多设置</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.bindToWrapper</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 光标、触摸超出容器时，是否停止滚动</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> false</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.bounceEasing</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 弹力动画效果预置效果：‘quadratic’,&nbsp;‘circular’,&nbsp;‘back’,&nbsp;‘bounce’,&nbsp;‘elastic’（最后两个不能通过css3表现） 还可以自定义效果 bounceEasing:&nbsp;{ style:&nbsp;‘cubic-bezier(0,0,1,1)’,//<a href="http://lib.csdn.net/base/css3" title="CSS3知识库" style="color:rgb(223,52,52); font-weight:bold" rel="nofollow">CSS3</a>时 fn:&nbsp;function&nbsp;(k)&nbsp;{&nbsp;return&nbsp;k;&nbsp;}//不使用<a href="http://lib.csdn.net/base/css3" title="CSS3知识库" style="color:rgb(223,52,52); font-weight:bold" rel="nofollow">css3</a>，使用requestAnimationFrame时 } </td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> ‘circular’</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.bounceTime</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 弹力动画持续的毫秒数</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 600</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.deceleration</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 滚动动量减速越大越快，建议不大于0.01</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 0.0006</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.mouseWheelSpeed</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 鼠标滚轮速度</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.preventDefaultException</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 列出哪些元素不屏蔽默认事件；</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> {tagName:&nbsp;/^(INPUT|TEXTAREA|BUTTON|SELECT)$/&nbsp;}</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.resizePolling</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 重新调整窗口大小时，重新计算IScroll的时间间隔</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 60</td> 
 </tr> 
 <tr> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 键位绑定</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> options.keyBindings</td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> 监听按键事件控制IScroll例如： keyBindings:&nbsp;{ pageUp:&nbsp;33, pageDown:&nbsp;34, end:&nbsp;35, home:&nbsp;36, left:&nbsp;37, up:&nbsp;38, right:&nbsp;39, down:&nbsp;40 } </td> 
 <td style="border-bottom:1px solid rgb(221,221,221); border-right:1px solid rgb(221,221,221); padding:5px 10px"> &nbsp;</td> 
 </tr> 
 </tbody> 
</table>

## API: ##

## 事件使用： ##

## IScroll的属性： ##