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; }

轉(zhuǎn)載于:https://www.cnblogs.com/ycg-myblog/p/9797553.html

總結(jié)

以上是生活随笔為你收集整理的导航栏下拉至一定高度后固定在顶部的特效的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。