第二次弹出的Modal滚不动，是因为嵌套关闭时modal-open类被误删，导致背景滚动恢复而第一层Modal内容区未设overflow-y:auto；需用document.querySelectorAll('.modal.show').length检测并手动补回modal-open，同时为.modal-body设置calc(100vh-200px)和overflow-y:auto。
为什么第二次弹出的 Modal 滚不动
不是 JS 没触发，也不是 CSS 写错了，而是 modal-open 类被误删了。Bootstrap 默认逻辑是：任意一个 .modal.show 关闭 → 触发 hidden.bs.modal → 移除 body.modal-open → 恢复背景滚动。但嵌套场景下，第二层关了，第一层还开着，modal-open 却被清掉，结果整个页面恢复滚动，而第一层 Modal 的 .modal-body 又没独立设 overflow-y: auto，看起来就是“突然不能滚了”。
- 用
document.querySelectorAll('.modal.show').length检查是否真有多个 Modal 在显示，别只看 classList.contains('modal-open') - 别在
hidden.bs.modal里直接写document.body.classList.remove('modal-open')—— 这是 Bootstrap 自己该干的事，手动干预会破坏状态同步 - 如果用了 jQuery，注意
$('body').removeClass('modal-open')可能因异步或 DOM 延迟漏执行
如何让嵌套 Modal 滚动不中断
核心思路：不让 modal-open 被误删，同时确保每层 Modal 的内容区有独立滚动能力。第一层 Modal 不能依赖 body 的锁滚动，它得自己管自己滚。
- 给第一层 Modal 的
.modal-body显式加内联样式：style="max-height: calc(100vh - 200px); overflow-y: auto; -webkit-overflow-scrolling: touch;" - 监听第二层 Modal 的
hidden.bs.modal，检查是否还有其他.modal.show，有则手动补回document.body.classList.add('modal-open') - 同时重置
document.body.style.overflow = 'hidden'，避免上层关闭操作意外放开 body 滚动 - 禁用
.modal-dialog或.modal-content的height、max-height—— 它们一设高，.modal-body的 flex 基准就崩了，滚动直接失效
Modal 内容区加了 overflow-y: auto 还是不生效
这不是属性没写，是它根本没计算出“该在哪截断”。overflow-y: auto 必须配合一个可计算的、受限的 max-height 才能触发滚动条。父容器（比如 .modal-content）若没高度约束，.modal-body 的 max-height: 60vh 就等于 max-height: auto。
- 别用
height: 100%或flex: 1去撑.modal-content—— 它会让子元素失去高度参照 - 移动端慎用
60vh：iOS Safari 在地址栏收放时会跳变视口高度，calc(100vh - 200px)更稳（200px 是 header + footer + padding 实际像素总和） - 异步加载内容后，记得重新设置
.modal-body.style.maxHeight，初始渲染时的高度可能不够 -
-webkit-overflow-scrolling: touch必须加在.modal-body上，否则 iOS Safari 滚不动或卡顿
兜底防滚动失控的 CSS 写法
不要写 body { overflow: hidden } —— 它绕过 Bootstrap 的 JS 状态管理，关模态框后滚动永远回不来。真正安全的写法是增强已有机制。
- 在全局 CSS 最末尾（确保加载顺序在 Bootstrap CSS 之后）加：
body.modal-open { overflow: hidden !important; } - 检查是否有其他 CSS 写了
body { overflow: visible !important }或更高优先级规则覆盖了它 - 如果用了
data-bs-backdrop="static"，它默认不加modal-open，此时这条规则无效，得手动接管body.style.overflow - 别给
body加position: fixed—— 会引发回流、页面跳动，且和 Bootstrap 的滚动补偿冲突
滚动能否持续，关键不在“弹几次”，而在每次关闭时有没有把滚动控制权交还给正确的容器。嵌套 Modal 的滚动问题，本质是状态归属错位，不是样式没写全。
