position:sticky，粘性定位；可以说是relative和fixed的结合；

滑动过程中，元素在显示窗口内则在其本身的位置，超出元素所在位置则显示在设定的sticky位置。

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

使用：

#id { position: sticky; top: 0; }；

设置position:sticky，上下定位给一个(top,bottom,right,left)之一即可；左右定位需要两个值。

使用条件：

1、父元素不能overflow:hidden,overflow:auto,height:100%等属性。

2、上下定位给一个(top,bottom,right,left)之一即可；左右定位需要两个值，如（top:0;right:0;）。

3、父元素的高度不能低于sticky元素的高度。

4、sticky元素仅在其父元素内生效。

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄