jquery实现导航栏吸顶

  $(function(){ 
    var a = $('#course-tab'), 
      b =a.offset();//返回或设置导航栏相对于文档的偏移(位置) 
  //加个屏幕滚动事件，c是滚动条相当于文档最顶端的距离 
    $(document).on('scroll',function(){ 
      var c = $(document).scrollTop(); 
  /*当滚动的屏幕距离大于等于导航栏本身离最顶端的距离时（判断条件）给它加样式（根据自己业务的条件加样式，一般如下）*／ 
      if(c>=b.top){ 
        a.css({'position':'fixed','top':'0px'}) 
        }else{ 
          a.css({'position':'absolute','top':'500px'}) 
          } 
     }) 
  });