overscroll-behavior-y: contain 仅阻止滚动容器边界外的弹性回弹，不阻止正常滚动穿透；需配合 overflow-y: auto 才生效，无法替代滚动锁屏等完整交互控制。
直接说结论： overscroll-behavior-y 在移动端对“滚动到底后继续拖拽的弹性回弹”（即 overscroll bounce）有作用，但它**完全不阻止正常滚动过程中的穿透或背景滚动**，也不能替代弹窗锁屏、滚动锚定等真实场景需求。
为什么 overscroll-behavior-y 设成 contain 之后，弹窗里滚到底还是透到背景？
这是最常被误解的一点：overscroll-behavior-y: contain 只拦截“超出滚动边界后的额外拖拽”（比如列表拉到顶还往上甩），而**不会阻止滚动本身在容器内发生时，底层页面跟着动**——尤其是 iOS Safari 下，当弹窗内容不够长、或键盘唤起导致 viewport 高度突变时，背景仍会惯性滚动。
- 它只作用于 scrollable 容器自身，对
html或body的滚动无影响 - Android Chrome 从 v120+ 开始支持较稳，但 iOS Safari 直到 iOS 17.4 仍存在部分失效场景（如嵌套
position: sticky元素时） - 必须配合
overflow-y: auto或scroll才生效；设成hidden就没滚动了，也就不需要它
哪些场景下 overscroll-behavior-y 真有用？
它适合解决明确的“滚动溢出穿透”问题，比如侧边栏菜单、下拉筛选面板、聊天消息流等固定高度可滚动区域。
- 给弹窗内的列表容器加：
overscroll-behavior-y: contain，能防止用户拉到顶/底时触发背景页回弹 - 搭配
overscroll-behavior-x: none可单独放开横向 overscroll（比如轮播图需要横向弹性） - 注意：它不能阻止
touchmove事件冒泡，所以如果背景页监听了全局 touchmove 并做了 scrollY 锁定，依然会冲突
和 -webkit-overflow-scrolling: touch 是什么关系？
两者完全无关，且不能混用：-webkit-overflow-scrolling: touch 是 iOS 专属老属性，用来启用原生 UIScrollView 行为（带惯性和回弹），而 overscroll-behavior-y 是标准 CSS 属性，控制 overscroll 传播路径。
-
-webkit-overflow-scrolling: touch已被标记为 deprecated，iOS 16+ 中部分 WebView 会忽略它；现代方案应优先用scroll-behavior: smooth+overscroll-behavior - 如果你同时写了两者，Safari 可能只认前者，
overscroll-behavior被静默丢弃 - 真要兼容老 iOS，得降级用 JS 模拟滚动 +
position: fixed锁定位，而不是依赖这两个属性组合
真正容易被忽略的是：回弹效果从来不是单一样式能搞定的事。overscroll-behavior-y 只管“最后一厘米”，而滚动锁定、键盘避让、touchmove 精准拦截、scroll restoration 这些，都得各自处理。别指望一个 CSS 属性扛下整条链路。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
