移动端模拟导航可点击自动滑动 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())
			}
		});

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注