css 吸顶效果 position:sticky

nav{
  position: -webkit-sticky; // 兼容
  position:sticky;
  top:0px; 
}

 

 

 

注意

1. top、bottom 的生效距离由最近一个overflow属性是hidden scroll auto或 overlay 的祖先元素决定。
2. 父元素为overflow:hidden时，由于容器内无法滚动，所以实际上也无法生效。
3. 必须指定top、bottom、left、right4个值之一，否则只会处于相对定位。
4. 父元素的高度不能低于sticky元素的高度。