sticky在iOS Safari中不生效，主因是祖先元素overflow属性强制禁用或未设-webkit-sticky前缀；需检查overflow:hidden/auto/scroll、补全top值、flex/grid父容器加align-items:start并设可滚动高度，必要时用IntersectionObserver兜底。
sticky在iOS Safari里突然不粘了，先查overflow和-webkit-sticky
八成是父容器的overflow把sticky禁用了，不是bug，是Safari的硬性限制。只要任意祖先（包括scroll-view、模态框wrapper、卡片容器）写了overflow: hidden、overflow: auto或overflow: scroll，且该容器本身没滚动（比如高度固定、内容没溢出），sticky就会直接退化为static——DevTools里看到的computed position就是static，不是“没生效”，是被强制关掉了。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 临时删掉可疑祖先的
overflow声明，看是否恢复；必须保留裁剪效果时，用clip-path: inset(0)替代，它不影响包含块和粘性行为 - 必须加
position: -webkit-sticky前缀，iOS 15.4之前不加就完全不识别；即使新版已支持标准写法，留着也无害 - 微信小程序里
scroll-view默认带overflow: auto，所以别直接往里面塞position: sticky元素，要么换容器，要么用JS兜底
iOS下flex/grid父容器里sticky失效，对齐和高度都得调
sticky元素的直接父级如果是display: flex或display: grid，很容易因对齐方式或高度计算偏差导致失效。这不是flex本身禁止sticky，而是Safari对“可滚动区域”的判断更苛刻：它需要明确的主轴滚动空间+稳定的基线参考。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 给flex父容器加
align-items: flex-start（避免baseline或stretch干扰“进入视口”的判断） - 显式设
height或max-height + overflow-y: auto，让它成为真正可滚动的容器；只写min-height: 100vh不够，Safari可能仍不认 - 避免
inline-flex或inline-grid——inline级容器不产生BFC，sticky直接失效 - 慎用
transform、filter、will-change，它们会创建新层叠上下文，让sticky参考系变成变换后的容器，而不是视口
滚动到底部sticky消失？不是bug，是它本来就不该粘那么远
sticky只在“滚动范围内”生效。当内容太短、或sticky元素自身高度 + 距离底部距离小于top值时，它会在到达边界时停止，看起来像“卡住”或“消失”。这在iOS上尤其明显，因为橡皮筋滚动会让元素短暂超出正常滚动范围，触发边界截断。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 别指望sticky撑满整个页面滚动；如果需要底部吸附，改用
position: fixed+ JS监听getBoundingClientRect().top来动态切换状态 - 若必须局部滚动，给sticky区域内部加
max-height + overflow-y: auto，而不是依赖外层滚动 - iOS上慎用
-webkit-overflow-scrolling: touch——这个老属性在15.4之后已弃用，且会直接禁用sticky - 自定义导航栏的小程序里，要手动算
top值：用wx.getSystemInfoSync().statusBarHeight + 44（44是标准导航栏高度）
真不行就用IntersectionObserver手动模拟，比硬扛CSS靠谱
当样式层反复调试无效，或者需要控制粘性区间（比如只在某两节之间粘住）、带滚动回弹，JS方案反而更轻量、更可控，还天然兼容老浏览器（加个polyfill就行）。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用
rootMargin: '0px 0px -100% 0px'提前触发粘性状态，避免滚动过快时闪一下才生效 - 监听
intersectionRatio 表示元素开始出视口，此时加<code>is-sticky类；别用window.scrollY，移动端事件可能被节流 - 避免同时给sticky元素设
z-index和opacity，旧版Safari里极易引发渲染异常 - 如果只是顶部导航栏，优先用
position: fixed+ JS同步滚动位置，小范围场景比IntersectionObserver更稳
最常被忽略的一点：iOS模拟器对sticky行为模拟不准，真机测试才是唯一可信路径。另外，backface-visibility: hidden和transform: translateZ(0)这类硬件加速技巧，在iOS上不仅没用，反而大概率让sticky彻底失灵。
