CSS 中 position: sticky 为什么会失效?常见原因与正确用法
在实现吸顶导航、侧边栏跟随滚动或表头固定的需求时,position: sticky 看起来是最省事的方案:给元素加上这个属性,再配一个 top 值,就不需要监听 scroll 事件。但实际开发中经常遇到“明明写了 sticky 却完全没反应”的情况,特别是在嵌套了多层容器、使用了 overflow 或者 flex/grid 布局的页面里。这个问题之所以常见,是因为 sticky 的生效条件比很多人以为的要苛刻:它要求元素在滚动容器中有明确的定位参照,同时从元素到滚动容器之间的祖先节点...