sticky，粘性定位

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

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

使用：

#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元素仅在其父元素内生效。

转载于:https://www.cnblogs.com/class1/p/10825078.html