手机端滚动插件iscroll.js使用例子

做手机微信开发的时候遇到了这个功能，第一次认识这个插件iscroll.js，适用于移动web的一款开发插件。可以实现左右滑动，缩放，下拉刷新等功能。

1.iscroll.js的用法：

html代码：

上面的ul是滚动的区域，li内放置你要滚动的图片内容，如果想同时滚动多个区域就用一个容器把需要滚动的区域包起来。
上面的事例两个ul会同时滚动。
2.设置onLoad事件实现滚动

第二个参数以对象的形式传递。

下面是iscroll参数仅供参考：
hScroll：无论内容是否超出显示区域，都禁用水平方向的滚动条。默认情况下是水平和垂直方向同时出现的。
vScroll：禁用垂直方向的滚动条。
hScrollbar：隐藏水平方向的滚动条。
vScrollbar：隐藏垂直方向的滚动条。
fixedScrollbar：在IOS中拖动滚动条的时候可能会使内容（或滚动条，）缩小，设置该参数为true可防止该现象。同样适用于Android。Android默认为true，IOS默认为FALSE。
hideScrollbar：在用户没有操作的时候是否隐藏滚动条。默认为false
fadeScrollbar：设置滚动条的谈入谈出效果。在hideScrollbar为true的时候有效
bounce：设置滚动条边界的时候是否有反弹效果，默认为true。
momentum：设置是否开始惯性，关闭此效果可节省资源
lockDirection：保持只在两个方向上或滚动（上/下或左/右），在翻屏的时候可使用。