iScroll使用总结

iScroll官方宣传的就是在网页上实现app的滑动效果。

在使用iScroll之前首先需要了解一下它的一些特点，iScroll github地址：https://github.com/cubiq/iscroll。

iScroll为一些不同的需求创建了对应的文件，iscroll.js文件包含基本的组件，iscroll-lite.js则是精简型的，专为实现滑动功能，其他不支持。同时还支持页面放大（iscroll-zoom.js）。

使用iScroll时有一个点需要注意，应用之前需要保证对象元素的宽高都存在。

iScroll插件自动检索dom，所以我们只要是提前设计好dom结构，然后再指定一下id iScroll便能很快的帮你实现页面划分。

问题1：页面需要翻页，但是每个页面中，又要求有能够点击的链接

iScroll默认在初始化页面的时候会阻止页面的默认点击行为，

options.click

这个属性默认为false，如果需要打开的话，设置为true便可以了。

但是要注意，官方给出的建议是最好使用<tap>这个参数，于是有了 https://github.com/cubiq/iscroll#optionstap，使用同click。

问题2：在一个分页中。需要同时实现上下滑动和左右滑动。

iScroll在这个方面上的设计还是很人性化的，它专门给出了相关的属性：

options.scrollY，options.scrollX

当然它默认是只允许纵向的。

问题3：当实现了可以同时上下左右滑动的时候，总是会造成手势的误操作。

因为同时实现了之后，它也不能很好的猜测你的意图了，毕竟这个不是app，这个只能依靠手指的滑动距离计算出来，猜测你是想要横向还是想要纵向了。这个东西在github的主页上没有找到相关的说明，我是在看源码的时候，发现了他有一个参数用来调节这个度的，所以我尝试几个数，发现是有效果的，so~

这里说一下这个参数是谁：directionLockThreshold，方向锁阀值

这个值具体要设置多少，就不好说了，毕竟要根据实际产品需求来了，可能主要功能是要满足横向的操作呢……

以上是关于iScroll插件的使用技巧。使用插件是为了能够更快的实现功能，同时也能够了解一下别人在写插件的时候一些规范。