css中的position: sticky介绍

`position: sticky` 是 CSS 中的一种定位属性，它可以让元素在滚动时停留在指定位置，直到达到指定的位置后再继续滚动。这种定位属性类似于 `position: fixed` 和 `position: relative` 的结合体。

`position: sticky` 的工作原理是：当元素滚动到特定位置时，它会保持在该位置并固定，直到滚动回到该元素的 `sticky` 区域之外。如果该元素没有足够的空间来固定在屏幕上，则它将在其父元素内滚动。

使用 `position: sticky` 可以实现很多有用的效果，如固定导航栏、表头和侧边栏等元素。这种定位属性的兼容性良好，支持大多数现代浏览器，但在一些旧版本浏览器中可能不被支持。