首頁 > web前端 > js教程 > jquery實現的導航固定效果_jquery

jquery實現的導航固定效果_jquery

WBOY
發布: 2016-05-16 16:51:08
原創
1098 人瀏覽過

jquery實現的導航固定效果

複製程式碼 程式碼如下:

1.jquery程式碼, .nav為導覽碼🎜>$(function(){ 
  $(window).scroll(function() {
 if($(window).scrollTop()>=250){
  $(".nav") .addClass("fixedNav");
 }else{
  $(".nav").removeClass("fixedNav");
 }
  });
});
} > 2.CSS代碼

.fixedNav{
 position:fixed;
 top:0px;
 left:0px;
 width:100%; _position:absolute;
 _top:expression(eval(document.documentElement.scrollTop));
}

3.HTML程式碼




相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板