粘性定位 11 浏览 1 文章

粘性定位（Sticky Positioning）是CSS中一种结合了相对定位（relative）和固定定位（fixed）特性的布局方式，通过position: sticky声明实现。元素在未触发滚动条件时，遵循相对定位规则，处于文档流中的原始位置；当滚动至预设阈值（如距离视口顶部/左侧一定距离）时，自动切换为固定定位，保持在视口内的指定位置，直到父容器滚动出视口或触发新的条件。