演示程序下载

如果你的页面布局为单页面导航，并希望导航条一直固定在顶部，让用户随时知道自己所处的位置，只需按照下面的步骤照着做就能实现。

 第一步， 收集页面上所有将要作为锚点的元素。

如果这些元素还没有被赋予 "id=" 属性，请为其设置好。

接下来， 修改 stickUp 插件的引用代码如下：
<script type="text/javascript"> //initiating jQuery jQuery(function($) { $(document).ready( function() { //为 '.navbar-wrapper' class 启用stickUp插件 $('.navbar-wrapper').stickUp({ parts: { 0:'home', 1:'features', 2: 'news', 3: 'installation', 4: 'one-pager', 5: 'extras', 6: 'wordpress', 7: 'contact' }, itemClass: 'menuItem', itemHover: 'active' }); }); }); </script>

**上面的数字标注的是元素出现的顺序。

itemClass: 是每个导航菜单条目所对应的的class。
itemHover: 是当菜单条目处于激活状态时所被赋予的class，用于修改其外观。