最有效解法是使用data-bs-backdrop="static"跳过Bootstrap滚动条补偿流程，避免内联padding-right导致fixed元素错位；若需点击遮罩关闭，则须为所有position: fixed元素添加.is-fixed类以同步补偿。
直接加 body { padding-right: 0 !important } 不但无效，还会让闪烁更明显——因为 Bootstrap 5+ 是通过内联样式（如 style="padding-right: 17px"）动态写值，CSS 规则根本盖不住它。闪烁本质是估算宽度不准导致内容横向“抽动”，不是样式没生效。
为什么 modal-open 会引发闪烁
Bootstrap 在 show.bs.modal 时执行两件事：给 body 加 modal-open 类 + 设置 overflow: hidden + 注入内联 padding-right。这个宽度靠 document.body.offsetWidth - document.documentElement.clientWidth 动态计算，但：
- macOS Safari 隐藏滚动条时该差值常为
0，补偿变成负向干扰 - 用了
scrollbar-width: none或overlay-scrollbars，检测直接失效 - 页面原本无滚动条（
scrollHeight ≤ clientHeight），补偿纯属多余，内容被硬推右再视觉回弹
用 data-bs-backdrop="static" 彻底跳过补偿流程
这是最轻量、最安全的解法，适用于不需要点击遮罩关闭的场景（如权限提示、表单确认、操作反馈弹窗）：
- 在模态框根元素上加属性：
- 它跳过
modal-open类添加、跳过padding-right注入、跳过overflow: hidden设置ESC键仍可关闭，不影响键盘交互- 不破坏现有 CSS，也不需要改 JS 监听逻辑
- 多层 modal 时需注意：第二层打开后，第一层若设了
static，关闭它不会自动恢复背景滚动，得手动检查$('.modal.show').length并控制body.style.overflow必须保留点击遮罩关闭？那就手动接管滚动控制
别依赖 Bootstrap 自动补偿，自己读、自己设、自己清，才能稳住
fixed元素和多层 modal 场景：- 监听
show.bs.modal：用getScrollbarWidth()动态算真实宽度，再同时设置document.body.style.overflow = 'hidden'和document.body.style.paddingRight - 所有
position: fixed元素必须带is-fixed类，否则 Bootstrap 内部不会为它们同步补padding-right - 监听
hidden.bs.modal：还原paddingRight时务必设为空字符串''（不是'0'或'auto'），才能回退到原始 CSS 值 - 多层 modal 时，用
$('.modal.show').length > 0判断是否还有可见 modal，而不是只看modal-open类是否存在
真正容易被忽略的是第三方库干扰：比如
overlay-scrollbars或全局重置 CSS 悄悄改了body的overflow或内联padding-right，这些地方查不到，闪烁就找不到根。 - 它跳过
