移动端模拟导航可点击自动滑动 0.1.4。
导航可左右滑动,可点击边缘的一个,自动滚动下一个到可视范围【依赖于iscroll.js】。
<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript" src="js/navbarscroll.js"></script>
<div class="wrapper02" id="demo06">
<div class="scroller">
<ul class="clearfix">
<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>
<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>
$('#demo06').navbarscroll({
defaultSelect:3,
scrollerWidth:6,
fingerClick:1,
endClickScroll:function(obj){
console.log(obj.text())
}
});