jQ 外掛程式 iscroll.js

標籤：href   位置   生效   上下   ref   方法   最好   style   左右滑動   

使用方法

<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:上下滑動條

jQ 外掛程式 iscroll.js