導航欄下拉至一定高度后固定在頂部的特效

js要引入jquery文件：

<script type="text/javascript">
$(function(){
　　var nav=$("#header"), //得到導航對象
　　　　 win=$(window), //得到窗口對象
　　　　 doc=$(document);//得到document文檔對象。
　　　  //防止頁面滾動到60px以下F5刷新后導航不顯示　　　
       if(doc.scrollTop()>=60){　　
         $('#header').addClass('fixnav');
       }else{
         $('#header').removeClass('fixnav');
       }　　
       //滾動到60px以下導航顯示
　　　　win.scroll(function(){
　　　　　if(doc.scrollTop()>=60){//判斷滾動的高度
           $("#header").addClass('fixnav');//固定導航樣式類名
          }else{
            $("#header").removeClass('fixnav');
          }
        })
})
<script>

然后在css文件里面增加這個屬性（其他一些樣式自行添加）：

.fixnav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
}