更像是定位：棘手；

我挺喜欢 position: sticky; 的。它有实际的用例。我认为它可以用于将目录保持在长篇文章侧边栏中，但作为一个相当简单的实现，并且没有在尴尬的方式重叠事物的风险。 但 Elad Shechter 这里是对的：它并没有被广泛使用——至少部分原因是——可能因为它有点难以理解。

我喜欢 Elad 用“粘性项目”和“粘性容器”来解释它。 容器需要足够大，以便滚动相关，并且粘性才能发挥作用。

还有其他陷阱。 我感觉每次我在真实环境中尝试使用 position: sticky; 时，都有大约 30% 的几率会成功。 总有一些父/子关系问题我无法解决，导致重叠。 或者，有一些父元素使用 overflow: hidden;，出于我无法理解的原因，破坏了这一点。

直接链接 →