首先呢！这篇文章是一篇久违的技术文章，虽然也不是什么太有技术性的文章！

然后介绍下今天的主角：stickup

stickUp

一个 jQuery 插件

这是一个简单的jQuery插件，它能让页面目标元素 “固定” 在浏览器窗口的顶部，即便页面在滚动，目标元素仍然能出现在设定的位置。此插件可以在多页面的网站上工作，也能在单页面上面实现导航功能。滚动当前页面看看导航条的效果吧。

其次呢，既然是jQuery插件，那么就要加载jQuery文件！具体就不说怎么加了吧，直接上主要的步骤。

1.打开github获取最新的代码：

#地址：https://github.com/LiranCohen/stickUp

2.加入到你每个页面都要加载的js文件里

3.然后就是重要的部分了将以下的代码加到head或者footer里

<script type="text/javascript">
 jQuery(function($) {
 $(document).ready( function() {
 $('.navbar-wrapper').stickUp();
 });
 });
</script>

/*将上面的 class $(‘.navbar-wrapper’) 换成你要固定的class元素即可*/