导航栏下拉至一定高度后固定在顶部的特效
生活随笔
收集整理的這篇文章主要介紹了
导航栏下拉至一定高度后固定在顶部的特效
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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; }轉載于:https://www.cnblogs.com/ycg-myblog/p/9797553.html
總結
以上是生活随笔為你收集整理的导航栏下拉至一定高度后固定在顶部的特效的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 洛谷 P1091 合唱队形
- 下一篇： 96. Unique Binary Se