JRoll 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
JRoll 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
JRoll 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
JRoll 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
JRoll 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

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')


展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2019/05/21 10:00

浏览器常用插件 & 开发常用类库

1. 解决部分(国外)网站(如stackoverflow)加载慢的问题↓ 2. 解决本地调试跨域问题↓ 有空再整理资源吧 3. IIS本地服务器允许跨域设置: https://www.cnblogs.com/babietongtianta/p/6488985.html 4. 聚合数据:https://www.juhe.cn/docs/api/id/42? 5.Chtome插件 octotree https://github.com/ovity/octotree 其他工具: 1. 在线图片压缩:https://www.ui.cn/detail/277009.html 前端开发常用类库: 1. 全屏切换screenfull....

0
0
2020/02/29 18:47

做了三年前端开发后,我选择回家创业

导读: 大家都在说程序员,出路在哪里,有选择改行的,有回家做三农的,有创业的。今天的主角就是做了几年前端开发后, 选择创业。 2017年9月从上家公司离职到现在,足足有1年半了,现在我把这一年半摸爬滚打总结出来的经验传授给大家。咳咳,开玩笑的,我也在不断的学习中,不敢妄自尊师,写这篇文章主要是想把自己的一些看法和想法以及处理项目的方法分享出来一起交流,说不定会遇到高人指点,突破瓶颈。 创业,九死一生,别说...

0
0
2019/03/21 18:10

创业一年半项目经验分享

2017年9月从上家公司离职到现在,足足有1年半了,现在我把这一年半摸爬滚打总结出来的经验传授给大家。咳咳,开玩笑的,我也在不断的学习中,不敢妄自尊师,写这篇文章主要是想把自己的一些看法和想法以及处理项目的方法分享出来一起交流,说不定会遇到高人指点,突破瓶颈。 创业,九死一生,别说能不能赚钱,能把项目做出来上线已经不错了。所以没有背水一战的决心,真别趟这塘浑水。虽然自个儿做项目很自由,但要做好与孤寂为...

19
96
2016/07/05 16:45

怎样写一个js插件

js插件的形式有很多种,这里我分享一个自己比较熟识的,ES5语法,先预览,再讲解 ``` ;(function(global) { "use strict"; var MyPlugin = function(options) { }; MyPlugin.prototype = { init: function() { } }; if (typeof module !== 'undefined' && module.exports) module.exports = MyPlugin; if (typeof define === 'function') define(function() { return MyPlugin; }); global.MyPlugin = MyPlugin; })(this); ```...

4
1
2016/10/12 13:48

(gnome-ssh-askpass:609): Gtk-WARNING **: cannot open display:

如题,远程登录到linux服务器,执行 ``` git clone https://git.oschina.net/chenjianlong/JRoll2.git //报错 (gnome-ssh-askpass:609): Gtk-WARNING **: cannot open display: ``` 解决方案1: ``` unset SSH_ASKPASS ``` 然后输入密码 原因是使用了https协议,每次提交都要输入密码,如果使用shell自动执行git命令,脚本会被中断无法往下执行 解决方案2:使用ssh 生成ssh的方法参考:[服务器上的 Git - 生成 SSH 公钥](https...

1
0
2016/02/28 20:28

WebAPP输入框被软键盘遮挡肿么办?

WebAPP输入框被软键盘遮挡肿么办? 当输入框处于半屏以下位置软键盘弹出时遇到的坑: 1.输入框被遮挡,看不见输入的内容 2.页面自动上移,但收回软键盘时页面少了一截 3.IOS系统上使用JRoll,IScroll等滑动方案时,光标不随输入框移动 4.软键盘弹出时窗口变小元素错位 解决方案: 1、能不用滑动插件就不用。 2、IOS->使用overflow:auto;-webkit-overflow-scrolling;尽量避免使用JRoll等插件 3、Android->使用JRoll的fixedinput插...

10
22
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
17 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部