最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
手机端滚动插件iscroll.js使用例子
时间：2022-06-25 17:31:20 编辑：袖梨 来源：一聚教程网
做手机微信开发的时候遇到了这个功能，第一次认识这个插件iscroll.js，适用于移动web的一款开发插件。可以实现左右滑动，缩放，下拉刷新等功能。
1.iscroll.js的用法：
html代码：
- 1
- 2
- 3
- 1
- 2
- 3
上面的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：保持只在两个方向上或滚动（上/下或左/右），在翻屏的时候可使用。
相关文章
- 《彩色点点战争》推图常用三大主c玩法详解 01-23
- 《燕云十六声》池鱼林木任务攻略 01-23
- 《大连地铁e出行》查看行程记录方法 01-23
- 《明日方舟》2025春节限定干员余角色介绍 01-23
- 《崩坏：星穹铁道》万敌光锥搭配攻略 01-23
- 《燕云十六声》一药千金任务攻略 01-23