bootstrap 5模态框通过modal-open类禁用y轴滚动是主动设计，非bug；多层modal需手动保活modal-open类，fixed元素需加.is-fixed类同步padding补偿。
Modal打开时body被加modal-open类，直接禁用Y轴滚动
根本原因不是Bug，而是Bootstrap 5的主动设计：模态框弹出时，body会自动加上modal-open类，而这个类默认带overflow: hidden——它把整个页面的垂直滚动条“锁死”了，防止模态框出现时页面意外滚动。但副作用也很直接：页面变宽（滚动条占位消失）、内容右移、固定定位元素（如导航栏）错位。
- 这不是浏览器兼容问题，所有现代浏览器都一致表现
-
modal-open类由Bootstrap JS自动控制，你手动删掉会被重新加回来 - 别用
overflow: initial !important暴力覆盖——它会让模态框期间页面仍可滚动，用户可能误操作到背后内容
多层Modal关闭后外层滚动条不恢复？因为modal-open被清空了
Bootstrap原生不支持嵌套Modal。当你打开#modal1 → 再打开#modal2 → 关闭#modal2，Bootstrap的隐藏逻辑会检测“当前可见Modal数量为0”，于是自动移除body上的modal-open类——哪怕#modal1还开着。结果就是：外层Modal还在，但页面滚动条没了，内容卡死。
- 监听
hidden.bs.modal事件时，不能只看当前Modal，得查$('.modal:visible').length - 修复只需一行JS：
$(document).on('hidden.bs.modal', '.modal', function () { if ($('.modal:visible').length > 0) { $('body').addClass('modal-open'); } }); - 注意：这个监听要放在所有Modal初始化之后，否则可能不生效
fixed元素“向左一缩”？缺了.is-fixed语义钩子
Modal开启后，body加了padding-right补偿滚动条宽度（比如17px），但position: fixed的头部、侧边栏等没同步右移，视觉上就像被“挤”向左——其实是其他内容回缩了，fixed层纹丝不动。
- Bootstrap内部会检查
body是否含modal-open，并自动给带.is-fixed类的元素加/减padding-right - 给你的导航栏加
class="navbar is-fixed"，不用写额外CSS - 别用
data-bs-backdrop="static"来“关掉补偿”——它只停用遮罩点击关闭和padding逻辑，但modal-open类依然存在，overflow: hidden照旧
Modal内动态加载内容后scrollTop没归零？时机错了
比如从列表页滚动到第5屏，点“编辑”打开Modal，Modal内容是AJAX加载的，结果Modal弹出来时顶部卡在中间，用户得手动往上滚——这是因为scrollTop = 0写早了：DOM还没渲染完，modal-body高度还是0，设了也白设。
- 必须等数据渲染完成再操作，比如在
$.get().done()或then()回调里执行$('#myModal .modal-body').scrollTop(0) - 如果用Vue/React，确保在
nextTick或useEffect中处理 - 别依赖
shown.bs.modal事件——它只保证Modal显示，不保证内部异步内容就绪
.is-fixed和多层Modal的modal-open保活逻辑，这两个点不补，光调样式只会越调越乱。
