jquery实现的导航固定效果

  jquery实现的导航固定效果

  

复制代码 代码如下:

  1.jquery代码, .nav为导航的class

  $(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%;

  z-index:100000;

  _position:absolute;

  _top:expression(eval(document.documentElement.scrollTop));

  }

  3.HTML代码

  <div class="nav">

  <p>导航固定</p>

  </div>