css 吸顶效果position:sticky

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

 

 

注意

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