简单的jQuery插件实现页面目标元素 “固定” 在浏览器窗口的哪一个位置

在做网站的时候经常会碰到一些简单的特效效果，比如导航栏随着滚动条的下拉而固定在网页的顶部。

这个效果其实还是蛮简单的，我这里就用一个jQuery插件来实现下。

首页你先要保证你网页里调用了一个jQuery插件的js，然后在底部调用下<script src="js/stickUp.min.js"></script>，确保文件的路径无误。

接下来，将下面的代码拷贝粘贴到页面底部，并且放到前面引入的stickUp文件下面。或者，你也可以将下面的代码放倒已经存在的javascript文件中（这个文件也必须在stickUp文件下

面）。将 '.navbar-wrapper' 替换为目标元素的class名称。

<script type="text/javascript">

jQuery(function($) {

$(document).ready( function() {

$('.navbar-wrapper').stickUp();

});

});

</script>

这样的话就可以实现这个功能了。