现在很多网站都有这样的一个效果，当页面滚动到一定高度时，菜单栏会固定在页面顶部。其实就是改变position 的值为fixed。方法多种多样，在这里介绍最有效的一个方法。

       这种方法需要引用jquery.js库，jquery.js库最好选用比较新版的，好像1.2.3版本以前的不能正常产生效果。当前代码中的jquery.js库是1.8.0版本的（2013年4月19日），如果库链接失效，请自行下载jquery.js库。

       当然了，如果你的导航在页面顶端，就不用那么麻烦了，直接定义position:fixed就可以了。另外，如果你希望更美观些，可以利用CSS3增加阴影，或者增加透明度。