stickUp是一个智能导航定位插件,通过href属性值,就可以定位到具体位置。
浮动的导航HTML代码
li标签href属性值代表:当导航定位到对应的属性值,导航菜单会被选中。
<div class="navbar-wrapper">
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="menuItem active"><a href="#home">首页</a></li>
<li class="menuItem"><a href="#features">特色</a></li>
<li class="menuItem"><a href="#extras">额外参数</a></li>
<li class="menuItem"><a href="#sucaihuo">素材火</a></li>
</ul>
</div>
</div>
引入stickup导航定位插件
<link href="css/stickup.css" rel="stylesheet"/>
<script src="jquery.min.js"></script>
<script src="js/stickUp.min.js"></script>
调用stickup插件
$(document).ready(function() {
$('.navbar-wrapper').stickUp({
parts: {
0: 'home',
1: 'features',
2: 'updates',
3: 'installation',
4: 'one-pager',
5: 'extras',
6: 'sucaihuo',
7: 'contact'
},
itemClass: 'menuItem',
itemHover: 'active',
topMargin: 'auto'
});
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791