先记住这个答案
position: sticky 的元素会相对于最近的、具有滚动机制的祖先元素（即 overflow 为 hidden、scroll、auto 或 overlay 的容器）进行粘滞。当父元素设置 overflow: hidden 时，它成为滚动容器，即使实际不滚动，sticky 也会受限于该容器内，无法相对视口固定。修复方法：移除该父元素的 overflow: hidden，或将其改为 visible；若需裁剪，可将 overflow 设置在更外层的非 sticky 祖先上，或使用 overflow: clip（不创建滚动容器）。
- sticky 参照最近的滚动容器
- overflow: hidden 创建滚动容器
- 修复用 overflow: visible 或 clip
overflow 如何改变 sticky 的参照系
CSS 规范规定，position: sticky 的元素会相对于最近的祖先中具有“滚动机制”的盒子进行偏移。所谓滚动机制，包括 overflow: hidden、scroll、auto 和 overlay。即使 overflow: hidden 不会产生可见滚动条，它仍使该祖先成为滚动容器，从而截断 sticky 的相对视口行为。
当父元素设置 overflow: hidden 时，sticky 元素会相对于该父元素的 padding box 作为粘滞边界，而不是视口。如果父元素自身不滚动，那么 sticky 元素不会触发粘滞，它会像相对定位一样随文档流移动，当视口滚动时无法保持在固定位置，从而无法实现预期的吸顶效果。
一个常见的页面布局案例
假设有一个页面结构：主容器 .content 设置了 overflow: hidden 以清除浮动，且该容器没有自身的高度限制，其内容不超过视口高度，因此 .content 不会产生内部滚动。当页面滚动时，整个 .content 块会随文档流向上移动，其内部的 sticky 标题由于被限制在 .content 的边界内（但 .content 没有滚动偏移），因此标题会随着 .content 一起向上移出视口，不会固定在视口顶部，表现如同 position: relative。
假设有一个页面结构：主容器 .content 设置了 overflow: hidden 以清除浮动，其内部有一个标题需要 sticky 在视口顶部。实际效果是标题会随 .content 一起在视口中滚动上移，而不会固定在视口顶部。因为 content 本身不滚动，sticky 没有可粘的滚动容器，因此表现如同 relative。
失效边界与处理代价
并非所有 overflow 非 visible 都会导致失效，例如 overflow: clip 不会创建滚动容器，因此 sticky 仍以视口为参照。只有 sticky 元素的祖先链上存在 overflow 为 hidden、scroll、auto 或 overlay 的容器时，其参照才会改变。如果 sticky 元素自身设置了 overflow，不会影响自身定位。
替代方案：将 overflow: hidden 改为 overflow: visible，但可能破坏布局（如浮动清理）。可以使用 clearfix 代替，或使用 overflow: clip，它不会创建滚动容器，因此 sticky 相对于视口仍可正常工作。注意 overflow: clip 会裁剪所有溢出，且不支持程序化滚动。
容易答错的地方
- 认为 only scroll 才影响
- 有人认为只有 overflow: auto 或 scroll 才会创建滚动容器，但 hidden 同样创建。规范明确 hidden 也是滚动机制，因此同样会导致 sticky 失效。
- 修改 sticky 自身属性
- 有人试图给 sticky 元素设置 overflow: visible 来修复，但 sticky 元素的 overflow 不影响其定位参照。正确做法是调整其祖先的 overflow 属性。
面试官还会怎么问？
如果父元素必须保持 overflow: hidden，如何让内部 sticky 相对视口？
可以考虑将 sticky 元素移出该父元素，放在其外部作为兄弟节点；或使用 position: fixed 并配合计算偏移，但 fixed 会脱离文档流。还有利用 will-change: transform 创建层叠上下文不影响此问题。
overflow: clip 和 overflow: hidden 在 sticky 场景有何不同？
overflow: clip 不创建滚动容器，所以 sticky 仍以视口为参照，但 clip 会裁剪内容。注意 clip 不支持程序化滚动，且部分旧浏览器不兼容。
sticky 在表格中是否也有类似问题？
表格单元格中的 sticky 可能因其父级（如 thead、tr）的 overflow 默认 visible 而正常，但若设置 overflow 也会失效。建议避免在 table 内部使用 sticky，或使用固定表头方案。
参考资料
示例用于理解所注明的运行环境与边界；延伸学习可结合原文中的更多案例。