仅靠 overscroll-behavior 无法解决 iOS 15 及以下弹窗背景滚动穿透，必须配合 JS 锁定 body 位置；现代浏览器（iOS 16.4+/Chrome/Firefox）可用它切断滚动链，但须作用于真实可滚动子容器（如 .modal-content），且需满足 overflow-y: auto、明确高度、内容真实溢出三条件；写在 body 上无效，因 WebKit 硬编码忽略根元素该属性。
仅靠 overscroll-behavior 无法单独解决 iOS 15 及以下的弹窗背景滚动穿透，必须配合 JS 锁定 body 位置；现代 iOS（16.4+）和 Chrome/Firefox 可用它精准切断滚动链，但必须写对容器、设对条件。
为什么 overscroll-behavior 写在 body 上完全没用
不是你漏写了样式，是 WebKit（包括 iOS Safari 和 Chrome for iOS）硬编码忽略根元素的该属性。body { overscroll-behavior: none; } 在 DevTools 中会显示为灰色禁用状态，computed 值为空。真正起效的必须是那个「内容真实溢出 + 显式可滚动」的子容器：
-
#app、.modal-content、.popup-body这类有明确高度约束的包裹容器才符合条件 - 它必须同时满足：
overflow-y: auto（不能是visible或hidden）、有固定高度（如max-height: 80vh或height: 400px）、子内容真实溢出（不能靠min-height勉强撑开） - 若弹窗用
position: fixed实现，overscroll-behavior必须加在内部滚动区（如.modal__scroller），而非遮罩层本身——因为遮罩层自身不可滚动，浏览器直接跳过该属性
contain 和 none 在弹窗里怎么选
绝大多数弹窗场景该用 contain，不是因为它“不够强”，而是更安全、更符合用户预期：
-
overscroll-behavior: contain：阻止事件向父级冒泡（背景页不回弹），但保留本层轻微弹性（如弹窗内列表拉到底仍有视觉反馈），键盘唤起时input自动滚动定位也不受影响 -
overscroll-behavior: none：彻底禁掉本层所有 overscroll 反馈（含下拉刷新提示、历史滑动等），适合全屏画布或强隔离场景，但在部分安卓 WebView 中可能意外抑制touchmove，导致拖拽卡顿 - 别写成
no-scroll或disable——合法值只有auto、contain、none
为什么加了 overscroll-behavior: contain 还是穿透？三个高频漏点
不是属性失效，而是滚动上下文根本没建起来。最常踩的坑集中在容器可滚动性本身：
立即学习“前端免费学习笔记（深入）”；
-
overflow-y没显式设为auto或scroll——仅靠内容溢出不触发滚动上下文，overscroll-behavior直接失效 - 父容器
overflow为hidden或未设高度，尤其 Flex 布局中，父项缺min-height: 0是隐形杀手，导致子元素无法形成独立滚动流 - iOS 中用
100vh设高，但地址栏收起时视口变化，滚动容器高度塌缩，overscroll-behavior失去作用对象；改用100dvh（iOS 16.4+）或 JS 动态 fallback
老 iOS（15 及以下）必须补 JS，但别乱用 touchmove + preventDefault()
这些版本完全不识别 overscroll-behavior，CSS 方案形同虚设。JS 降级也不能全局拦截：
- 绝对不要对
document或body绑定touchmove并无差别preventDefault()——这会干掉所有原生滚动控件、textarea光标移动、地图拖拽 - 推荐做法：给可滚动区域加 class（如
.scrollable），在弹窗根元素上监听touchmove，仅当!e.target.closest('.scrollable')时才调e.preventDefault() - 必须加
{ passive: false }，否则 iOS Safari 15+ 会静默忽略preventDefault() - 打开前记录
window.pageYOffset（别用document.body.scrollTop，iOS 中它常为 0），设document.body.style.position = 'fixed'+top = `-${scrollY}px`；关闭时先还原样式，再window.scrollTo(0, scrollY)
最容易被忽略的是：overscroll-behavior 只响应「滚动到边界」那一瞬间，不是持续拦截；而 iOS 的惯性滚动穿透，本质是物理拖拽事件透传，必须靠 position: fixed 让 body 物理脱离文档流才能真正锁死。
