JRoll 超轻量级html5滚动插件

我要开发同款
匿名用户2015年11月05日
106阅读
开发技术HTML/CSS
所属分类常用JavaScript包、Web应用开发
授权协议GPL

作品详情

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

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

可选参数一览表:

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

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论