最可靠的解法是直接禁用 Bootstrap 的 padding-right 补偿逻辑，如使用 data-bs-backdrop="static" 跳过整个滚动条补偿流程；或为 fixed 元素添加 .is-fixed 类由 Bootstrap 统一管理；或用 scrollbar-gutter 替代并配合清空 JS 补偿。
直接禁用 Bootstrap 的 padding-right 补偿逻辑最可靠，而不是试图覆盖或修它。
为什么加 data-bs-backdrop="static" 就不抖了
这个属性会让 Bootstrap 跳过整个滚动条补偿流程：不加 modal-open 类、不计算滚动条宽度、不往 body 上写内联 padding-right、也不设 overflow: hidden —— 它只禁用点击遮罩关闭，保留 ESC 键关闭能力。
-
data-bs-backdrop="static"是唯一不影响其他组件（如下拉菜单、Tooltip）的轻量解法 - 它不干扰
body的原始宽度，避免了 fixed 元素错位、第三方滚动库冲突、macOS Safari 返回 0 宽度等问题 - 只需在 modal 标签里加这一行：
<div class="modal" data-bs-backdrop="static"> - 如果后续需要点背景关闭，删掉这个属性即可，无残留副作用
fixed 元素还在跳？加 .is-fixed 类
Bootstrap 5 内置了对 position: fixed 元素的补偿支持，但前提是显式加 .is-fixed 类 —— 它本身没样式，只是个 JS 钩子，用于监听 modal-open 状态并同步增减 padding-right。
- 给所有 fixed 元素加上该类：
<nav class="navbar fixed-top is-fixed">、<div class="hero-bg is-fixed"> - 不加这个类，就得自己监听
show.bs.modal/hidden.bs.modal手动同步padding-right，容易漏事件或重复执行 - 尤其在多层 modal 场景下，手动同步极易失效；而
.is-fixed由 Bootstrap 原生 JS 统一管理，更稳
想用 scrollbar-gutter 替代 padding-right
scrollbar-gutter: stable both 是浏览器原生滚动条占位方案，它让滚动条空间始终预留，不依赖 JS 计算，对 fixed 元素天然友好 —— 但它不能单独生效，必须配合禁用 Bootstrap 的 JS 补偿逻辑。
立即学习“前端免费学习笔记（深入）”；
- 先在 CSS 中设置：
body { scrollbar-gutter: stable both; } - 再强制清掉 Bootstrap 注入的 padding：
body.modal-open { padding-right: 0 !important; } - 最后在 JS 初始化前覆盖默认行为：
Bootstrap.Modal.Default.scrollbarWidth = 0; - 注意 fallback：iOS Safari 17.4 之前、旧版 Edge 等不支持
scrollbar-gutter，需检测CSS.supports('scrollbar-gutter', 'stable')并回退到动态测宽
真正难的不是选哪个方案，而是排查有没有第三方库（比如 perfect-scrollbar 或全局重置 CSS）悄悄改了 body 的 overflow 或内联 padding-right —— 这些隐性覆盖往往比技术方案本身更耗时间定位。
