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

jquery實現的導航固定效果_jquery

WBOY
WBOY原創
2016-05-16 16:51:081107瀏覽

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程式碼




陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn