2018.08.10jQuery导航栏置顶

一、jQuery代码:

//滚动条到一定位置时导航栏固定
      var nav=$('.head');//获取导航栏的div
      var win=$(window);
      var sc=$(document);
     win.scroll(function(){
      win.scroll(function(){

//当页面滚动条滚动到距离顶部100像素时,给导航栏的div添加一个class值
       if(sc.scrollTop()>=100){
         nav.addClass("fixednav");
    }else{
         nav.removeClass("fixednav");
    }
  })  
 })

二、css代码:

/*滚动条到一定位置时导航栏置顶*/
.fixednav {
    position: fixed;
    top: 0px;
    left: 8px;
    1350px;
    z-index: 1050;
}

原文地址:https://www.cnblogs.com/sccwxl/p/9455649.html