醉萝卜（精简版） JRoll Lite

说明

JRoll Lite是JRoll的精简版，删减了JRoll几乎一半的功能，文件体积也减少了三分一，去除了自动滑动和缩放，减少了很多判断逻辑，滑动更流畅，保留的选项、方法、事件与JRoll完整版保持一致

JRoll Lite也是使用JRoll全局变量，与完整版会有冲突，如果不需要用到完整版功能，推荐使用JRoll Lite，如果项目发展到需要用JRoll完整版上的功能时再将文件替换即可

注意

• 不支持PC
• 不支持jroll-fixedinput扩展和jroll-viewer插件

下载

NPM

npm install --save jroll-lite

CDN

<script src="https://unpkg.com/jroll-lite/jroll-lite.js"></scritp>
<script src="https://unpkg.com/jroll-lite/jroll-lite.min.js"></scritp>

官网

http://www.chjtx.com/JRoll/#download

保留的选项

| 可选值 | 默认值| 说明 | |----------|----------|----------| | id | [随机生成] | id，jroll对象的唯一标记，建议手动提供id，方便在全局JRoll.jrollMap访问指定jroll对象，不提供时系统自动创建。 | | scrollX | false | 使用水平滑动，JRoll Lite没有scrollY选项，默认为垂直滑动，垂直和水平滑动只能选其一 | | minX | 0 | 向左滑动的边界值 | | maxX | [负scroller的宽] | 向右滑动的边界值 | | minY | 0 | 向下滑动的边界值 | | maxY | [负scroller的高] | 向上滑动的边界值 | | bounce | true | 允许回弹 | | scrollBarX | false | 开启水平滚动条 | | scrollBarY | false | 开启垂直滚动条 | | scrollBarFade | false | 滚动条使用渐隐模式 | | preventDefault | true | 禁止touchmove默认事件 | | momentum | true | 开启滑动加速，惯性过渡 | | autoStyle | true | 自动为wrapper和scroller添加样式 | | autoBlur | true | 在滑动时自动将input/textarea失焦收起软键盘。设为false将会在IOS上出现光标不跟随输入框移动的现象 |

保留的方法

• refresh
• scrollTo
• enable
• disable

保留的事件

• scrollStart
• scroll
• scrollEnd
• refresh
• touchEnd

还支持的官插件

• jroll-infinite
• jroll-pulldown
• jroll-vue-infinite

删减的内容

• 删除了scrollY选项，scrollX为false即为垂直方向滑动
• 删除了自由滑动、缩放功能
• 删除了destroy、scale、call方法
• 删除了zoomStart、zoom、zoomEnd事件
• 删除了 utils 的isAndroid、isIOS、isMobile、computeTranslate、computePosition、findAllJRolls等属性和方法
• 删除了对PC的支持
• 删除了监听窗口变化
• 删除了滑动textarea的优化
• 删除了滑到浏览器边缘释放滑动的优化