在 CSS 中，position 属性可以控制元素在文档中的定位方式，其中值为 sticky 的 position 属性可以让元素在视口中的特定位置停留。

.sticky-element {position: -webkit-sticky; /* Safari */position: sticky;top: 0;}

在上面的例子中，我们定义了一个名为 sticky-element 的类，将其 position 属性设置为 sticky，并且将其顶部定位到视口顶部。这将使得元素在使用者滚动页面时留在视口顶部，直到用户滚动到元素所有内容都离开视口的位置。

当元素被滚动到特定距离时，粘性定位（sticky positioning）开始生效，它将元素“固定”在该位置，使其随着滚动而保持可见性。这种定位方式非常有用，因为它可以帮助我们创建各种视差效果，让我们的页面看起来更加动态。

需要注意一点的是，使用 position:sticky; 的元素在实现时需要注意一组约束条件。首先必须要有限定宽度的容器，而且容器内不能有任何分隔符（例如被清除浮动的 div）或 changing height 元素（例如 video 或者 flex item）干扰他们的鼓励者。（Chrome 下限定宽度的容器要设置 min-height: 1px;）。滚动容器要有明确的 height 值，不能是 height:100%。 sticky 元素不能有 overflow: hidden等需要自己开辟 BFC 的属性。