CSS的 display:sticky怎么使用？

[还是大剑师兰特]

CSS 中的 position: sticky 是一种混合了相对定位（relative positioning）和固定定位（fixed positioning）特性的定位模式。当一个元素设置了 position: sticky 后，它在正常文档流中的行为类似于相对定位，但在满足特定滚动条件时，它会变为相对于其最近的滚动祖先（通常是带有滚动条的父容器，如果没有这样的祖先，则相对于视口）固定在某个位置。

示例：https://dajianshi.blog.csdn.net/article/details/136621765