让页面元素“固定”位置（基于bootstrap）

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

第一步， 收集页面上所有将要作为锚点的元素。（先上bootstrap官网对应的css、js）

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

接下来， 修改 stickUp 插件的引用代码如下：

<script type="text/javascript">

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，用于修改其外观。