position:sticky详解

position: sticky

• 必须搭配坐标使用，top、bottom、left、right
• 参考系是包含块
  • 表现：当父元素处在可视区域（全部或者部分）内，元素粘性定位。当父元素离开可视区域，粘性定位的元素会被带走。
• top：与设置overflow的祖先元素的临界值

position: sticky不起作用的常见原因：元素设置了overflow，又没有设置高度，而是由父元素撑起。

来源：渡一3