学习笔记:移动端滚动插件JRoll

学习IScroll时,发现这个插件并不好用,全英的官网及参考手册本身就产生了可能误解其操作含义的可能性。再加上多次试用,发现使用IScroll有一个必要的条件:

给父元素container加上一个合适的高度

即,父元素包住的内容部分的高度必须要小于外部父元素的高度。(存疑,但数次操作实例皆发现了这个问题)。这种条件限制就已经产生了一些问题。

我相信一个拥有强迫症的程序员不会想要自己去设置父元素的死高度,因为这样做很容易出现各种兼容性以及布局bug。

因此,在一个星期前开始改用国人改良的滚动插件JRoll,中文名称“醉萝卜“www.chjtx.com/JRoll/,官网在此。经过试用,发现这个插件简单易用,非常适合新手使用,它不依赖任何js插件,完全靠原生JS实现功能,基本操作和IScroll无异。

1.引入jroll.min.js文件。

2.在script标签中初始化jroll

var myjr = new JRoll("class",{})

3.详细的API操作可以直接参考官网,与IScroll大致无异。

JRoll还不像IScroll一样有许多不同的插件类型如 probe zoom等,所有功能集合在同一个js文件中,缩放,scroll功能都可以实现。

目前已发现的问题:无法改动bounce效果,只有简单的回弹,不知以后的版本会不会改进。

2017.8.8

你可能感兴趣的:(学习笔记:移动端滚动插件JRoll)