超轻量级html5滚动插件 JRoll

GPL
HTML/CSS 查看源码»
跨平台
2015-11-05
BarZu

JRoll 是一款能滚起上万条数据,具有滑动加速、回弹、缩放、滚动条、滑动事件等功能,兼容CommonJS/AMD/CMD模块规范,开源,免费,兼有与IScroll几乎一致用法的超轻量级html5滚动插件。

var jroll = new JRoll(selector [, {...}]);

可选参数一览表:

可选值 默认值 说明
scroll true 使能滑动
scrollX true 使能横向滑动
scrollY true 使能竖向滑动
scrollFree false 使能自由滑动,默认情况下,x方向在滑动时,y方向不能滑动,相反亦然,如果应用于对图片进行放大滑动,可将此参数设为true,如果此参数设为true,请务必将bounce设为false,否则将影响滑动效果
zoom false 使能缩放
zoomMin 1 最小缩放倍数
zoomMax 4 最大缩放倍数
bounce false 使能回弹
scrollBarX false 开启x滚动条,若将此参数设为字符串,例scrollBarX:'custom',可对滚动条样式进行自定义
scrollBarY false 开启y滚动条,与scrollBarX类似用法
scrollBarFade false 开启滚动条的渐隐模式
stopPropagation false 禁止事件冒泡
preventDefault true 禁止touchmove默认事件,默认为true,当preventDefault为false时有可能触发浏览器自带的左右滑动切换页面功能,而且像QQ手机浏览器(Android4.2)会出现无法滑动的奇葩现象,因此本站不建议将preventDefault设为false。
momentum true 滚动平滑过渡,如果设为false,手指释放后将马上停止滑动
autoStyle true wrapper 和scrollerwrapper 的第一个子元素)添加样式,默认如果wrapper 的position为static,将被修改成relative,并将overflow设为hiddenscroller 的min-height设为100%
g 0.0008 模拟重力加速度,g值越小,运动时间越长
adjustTop 190 安卓手机输入表单时自动调整输入框位置,默认190,表示输入框距离顶部190px
scroller wrapper的第一个子元素 指定scroller,不可动态更改,可以是id选择器字符串#scroller,也可以是dom对象document.getElementById('scroller')


的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

创业一年半项目经验分享

2017年9月从上家公司离职到现在,足足有1年半了,现在我把这一年半摸爬滚打总结出来的经验传授给大家。咳咳,开玩笑的,我也在不断的学习中,不敢妄自尊师,写这篇文章主要是想把自己的一些看...

03/21 18:10
6.9K
46
(gnome-ssh-askpass:609): Gtk-WARNING **: cannot open display:

在Linux服务器上执行git clone时报(gnome-ssh-askpass:609): Gtk-WARNING **: cannot open display:

2016/10/12 13:48
336
0
怎样写一个js插件

本文分享新手应该从哪里开始入手写一个js插件

2016/07/05 16:45
232
10
WebAPP输入框被软键盘遮挡肿么办?

本文讨论H5应用的输入框被软键盘遮挡的解决方案

2016/02/28 20:28
15.3K
4

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部