使用方法

<div style="position: relative;">
　　<div id="wrapper">
　　　　<div class="scroll">
　　　　　　<ul class="index_nav_bar">
　　　　　　<li class="li_active">全部</li>
　　　　　　<li><a href="javascript:void(0);">護膚</a></li>
　　　　　　<li><a href="javascript:void(0);">彩妝</a></li>
　　　　　　<li><a href="javascript:void(0);">日用百貨</a></li>
　　　　　　<li><a href="javascript:void(0);">食品</a></li>
　　　　　　<li><a href="javascript:void(0);">護膚</a></li>
　　　　　　<li><a href="javascript:void(0);">彩妝</a></li>
　　　　　　<li><a href="javascript:void(0);">日用百貨</a></li>
　　　　　　</ul>
　　　　</div>
　　</div>
</div>

?

注意：如果要在頁面中使用，最好加一個外層div設置position：relative，不然插件自帶定位會擾亂布局，修改了自帶的位置absolute為relative后，該滑動將不會生效

調用插件：

var Scroll = new iScroll('wrapper',{hScroll:true,vScroll:false, hScrollbar:false});

wrapper：元素id ?//只有該元素下的第一個子元素才會滑動

hScroll：左右滑動

vScroll：上下滑動

hScrollbar：左右滑動條

vScrollbar:上下滑動條

轉載于:https://www.cnblogs.com/SunSong/p/6958584.html

總結

以上是生活随笔為你收集整理的jQ 插件 iscroll.js的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。