加data-bs-backdrop="static"可彻底避免页面跳动，因其跳过Bootstrap整个滚动条补偿流程（不加modal-open类、不设padding-right、不改overflow），仅禁用点击遮罩关闭，ESC仍可用。
直接加 body { padding-right: 0 !important } 不但无效，还会让跳动更明显——因为 Bootstrap 5+ 是通过内联样式（如 style="padding-right: 17px"）动态写值，CSS 规则根本盖不住它。
为什么加 data-bs-backdrop="static" 就不跳了
这个属性会让 Bootstrap 完全跳过滚动条补偿流程：不加 modal-open 类、不计算滚动条宽度、不往 body 上写 padding-right、也不设 overflow: hidden。它只禁用点击遮罩关闭，ESC 键仍可关闭模态框。
- 适用于权限提示、表单确认、操作反馈等“不需要点背景关”的场景
- 不破坏现有 CSS，不影响下拉菜单、Tooltip 等其他组件
- 多层 modal 时需注意：第二层打开后，第一层若设了
static，关闭它不会自动恢复背景滚动，得手动检查$('.modal.show').length并控制body.style.overflow
fixed 元素还在跳？必须加 .is-fixed 类
.is-fixed 是 Bootstrap 5 内置的 JS 钩子类，本身无样式，只用于告诉 Bootstrap：“这个元素要跟着 body 一起补 padding-right”。漏加一个，就跳一个。
- 所有
position: fixed元素都得显式加：比如<nav class="navbar fixed-top is-fixed"></nav>、<div class="hero-bg is-fixed"> <li>它只对 <code>fixed-top、fixed-bottom、sticky-top和带.is-fixed的元素生效 - 不加的话，手动监听
show.bs.modal/hidden.bs.modal同步padding-right，极易漏事件或多层 modal 下失效 - 先确认是否启用了
scrollbar-gutter: stable both：若已启用，需配合清掉 Bootstrap 注入的内联补偿（body.modal-open { padding-right: 0 !important; }）并覆盖默认行为（Bootstrap.Modal.Default.scrollbarWidth = 0） - 用
CSS.supports('scrollbar-gutter', 'stable')检测兼容性，iOS Safari 17.4 之前、旧版 Edge 需 fallback - 检查是否有其他 JS 直接操作
document.body.style.paddingRight或classList，绕过 Bootstrap 实例方法（如bootstrap.Modal.getInstance(el).show()）会导致补偿逻辑完全失效
第三方库或自定义滚动方案干扰时怎么办
比如用了 overlay-scrollbars、scrollbar-width: none，或全局重置 CSS 悄悄改了 body 的 overflow 或内联 padding-right，这些地方查不到，跳动就找不到根。
立即学习“前端免费学习笔记（深入）”；
真正容易被忽略的是：哪怕你只加了一个没带 .is-fixed 的 position: fixed 元素，或者某处 !important 覆盖了内联 padding-right，跳动就会重现——它不报错，只在视觉上“抽动”一下，很难定位。
