固定导航栏

只需将需要控制固定的区域使用css样式控制即可

控制左侧导航栏位置固定 
 .nav {
    width: 150px;
    height: 100%;
    position: absolute; /*绝对位置*/
    position: fixed; /*固定作用*/
    left: 0px; 
    top: 110px; 
    z-index: 10 /*值越大，表示处于最上层*/
  }

控制上侧导航栏位置固定 
 .nav2 {
    width: 100%;
    height: 150px;
    position: absolute; /*绝对位置*/
    position: fixed; /*固定作用*/
    left: 0px; 
    top: 0px; 
    z-index: 10 /*值越大，表示处于最上层*/
  }