Skip to content

Latest commit

 

History

History
89 lines (64 loc) · 2.76 KB

README-LITE.md

File metadata and controls

89 lines (64 loc) · 2.76 KB
Raw

醉萝卜（精简版） 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"></script>
<script src="https://unpkg.com/jroll-lite/jroll-lite.min.js"></script>

官网

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的优化
  • 删除了滑到浏览器边缘释放滑动的优化

日志

v2.4.1 (2017-07-05)

  • 开发完成，发布