需为导航栏后首个容器添加内边距（如pt-5）以避免内容被遮挡，因fixed-top使导航脱离文档流；sticky-top不适用此方案，modal跳动需加is-fixed类，scrollTo需动态计算导航高度偏移。
fixed-top 导航栏导致内容被遮挡怎么办
加了 fixed-top 后，第一段文字从导航栏底下“钻出来”，不是 Bootstrap 失效，是 fixed 定位让导航脱离文档流，后续内容直接顶到视口顶部。必须手动为紧接在 <nav> 后的第一个容器（比如 <main> 或 <div class="container">）补上边距。
- 默认 navbar 高度约 56px，对应 Bootstrap 5 的
pt-5（1rem = 16px，5×1rem = 5×16px = 80px；但 pt-5 实际是 3rem = 48px，pt-6=6rem=96px —— 更推荐用pt-5起手，再微调） - 若自定义了高度（如
style="height: 72px"），需匹配：72px ≈pt-xxl-4（64px）或pt-xxl-5（80px），或直接写pt-6 - 不要给
<body>加padding-top—— 它会被模态框等组件的滚动条补偿逻辑干扰，且不响应式 - 避免父容器（如
<div class="container-fluid">）设overflow-x: hidden，否则 fixed 元素参考系失效
sticky-top 和 fixed-top 的间距处理差异
sticky-top 不是 fixed-top 的平替，它的定位上下文依赖父容器，而父容器一旦有 overflow: hidden、overflow: auto 或 overflow: scroll，sticky 就会被截断在该容器内，不会撑开 body 上边距需求。
-
sticky-top本身不触发文档流塌陷，所以通常不需要额外pt-*补偿 —— 但它可能根本“粘不住”，尤其在 iOS Safari 或嵌套布局中 - 如果父容器高度不足（比如只包了一行文字），
sticky-top会立即生效，无法实现“滚动一段距离后再固定” - 要滚动触发固定，必须用 JS 监听
window.scrollY，动态切换fixed-top类，并同步增减主体容器的pt-*值（别忘了移除时恢复）
Modal 弹出时 fixed 导航栏突然跳动
这不是 bug，是 Bootstrap 5 主动注入的滚动条补偿：模态框打开时，<body> 会被加上 modal-open 类，并自动加 padding-right（约 15–17px）来填补消失的滚动条空间。但 fixed-top 导航栏没同步这个 padding，于是视觉上“右移”或“跳一下”。
- 最稳妥解法：给
<nav class="fixed-top">同时加is-fixed类（注意拼写，无连字符），Bootstrap 内部会自动同步padding-right - 若不用补偿逻辑，可加
data-bs-backdrop="static"到 Modal 标签 —— 它会跳过modal-open注入，但同时也禁用点击遮罩关闭 - 别手动覆盖
body.modal-open { padding-right: 0 !important }，否则其他 fixed 元素（如侧边栏）也会失对齐
scrollTo 平滑回到顶部时被 fixed 导航栏遮挡
调用 window.scrollTo({ top: 0, behavior: 'smooth' }) 后，页面顶部内容常被 fixed-top 导航栏盖住 —— 因为 smooth 滚动默认以视口为基准，不考虑 fixed 元素占用的空间。
- 必须提前设置
html { scroll-behavior: smooth; }，否则 JS 的behavior: 'smooth'会被忽略 - 补偿偏移量推荐用 JS 动态读取：
const offset = document.querySelector('.fixed-top')?.offsetHeight || 56，然后window.scrollTo({ top: offset, behavior: 'smooth' }) - 避免同时设
body { scroll-behavior: smooth }和手动scrollTop，两者冲突易卡顿 - 降级逻辑建议保留：
if ('scrollBehavior' in document.documentElement.style) { /* smooth */ } else { window.scrollTo(0, 0) }
真正容易被忽略的是：所有这些间距补偿（pt-*、is-fixed、scrollTo offset）都得随导航栏高度变化联动。哪怕只是改了个 font-size 或 padding，navbar 高度就变了，所有补偿值都得重算 —— 没有“一劳永逸”的 magic number。
