JQ plugin Iscroll.js

How to use

<div style= "position:relative;" >
<div id= "wrapper" >
<div class= "Scroll" >
<ul class= "Index_nav_bar" >
<li class= "Li_active" > All </li>
<li><a href= "javascript:void (0);" > Skincare </a></li>
<li><a href= "javascript:void (0);" > Makeup </a></li>
<li><a href= "javascript:void (0);" > Daily Necessities </a></li>
<li><a href= "javascript:void (0);" > Food </a></li>
<li><a href= "javascript:void (0);" > Skincare </a></li>
<li><a href= "javascript:void (0);" > Makeup </a></li>
<li><a href= "javascript:void (0);" > Daily Necessities </a></li>
</ul>
</div>
</div>
</div>

Note: If you want to use in the page, it is best to add an outer div set position:relative, or the plug-in with the positioning will disturb the layout, modified its own location absolute is relative, the slide will not take effect

Call Plugin:

var Scroll = new Iscroll (' wrapper ', {hscroll:true,vscroll:false, hscrollbar:false});

Wrapper: Element ID//Only the first child element under this element will slide

HScroll: Swipe left and right

VScroll: Swipe up and down

HScrollbar: Left and right slide bar

VScrollBar: Upper and lower slide bar

JQ plugin Iscroll.js