overscroll-behavior-y: contain 仅在可滚动子容器（overflow-y: auto/scroll）中生效，不作用于 html/body，且 iOS Safari 嵌套 sticky 时可能失效；它只拦截边界回弹，不控制正常滚动或 touchmove 冒泡。
overscroll-behavior-y 能控制滑动到边界后的弹性回弹，但它**只管“最后一厘米”**，不是万能开关，更不等于滚动锁屏或防穿透。
为什么 overscroll-behavior-y: contain 有时没效果？
它必须配合可滚动容器才能生效，且只拦截超出边界的拖拽，不干预正常滚动过程本身：
- 容器必须有
overflow-y: auto或scroll—— 设成hidden就没滚动，自然也不需要它 - 它对
html或body元素无效，只作用于设置了滚动的子容器（如弹窗、侧边栏） - iOS Safari 在嵌套
position: sticky元素时，overscroll-behavior可能静默失效（iOS 17.4 仍存在） - Android Chrome 从 v120+ 开始支持较稳，但老版本兼容性差，不能当作兜底方案
-webkit-overflow-scrolling: touch 还能用吗？
这个属性已被标记为 deprecated，现代开发中应避免依赖：
- iOS 16+ 中部分 WebView 会直接忽略它；Safari 若同时写了
-webkit-overflow-scrolling: touch和overscroll-behavior-y，通常只认前者，后者被丢弃 - 它和
overscroll-behavior-y完全无关：前者启用原生 UIScrollView 惯性滚动，后者控制 overscroll 传播路径 - 若需兼容 iOS 14–15，降级方案是 JS 模拟滚动 +
position: fixed锁定位，而不是硬凑两个属性
哪些场景下 overscroll-behavior-y 真有用？
它适合解决明确的“滚动溢出穿透”问题，比如：
- 固定高度的聊天消息流容器，拉到底后继续甩手不透到背景页
- 下拉筛选面板、抽屉式侧边栏菜单，滚动触顶/触底时不触发父层回弹
- 轮播图容器需保留横向弹性（
overscroll-behavior-x: auto），但禁用纵向穿透（overscroll-behavior-y: contain）
注意：overscroll-behavior 不阻止 touchmove 冒泡，如果背景页监听了全局 touchmove 并做了 scrollY 锁定，依然会冲突。
立即学习“前端免费学习笔记（深入）”；
真正容易被忽略的点
回弹效果从来不是单一样式能搞定的事。overscroll-behavior-y 只管“最后一厘米”，而滚动锁定、键盘避让、touchmove 精准拦截、scrollRestoration 等环节都得各自处理。别指望一个 CSS 属性扛下整条链路。
