fixed-top类一加载即固定，无法实现滚动后吸顶；需用javascript监听scrolly、节流处理、动态增删类及padding补偿，并解决移动端下拉菜单定位和ios滚动抖动问题。
fixed-top 类不能实现“滚动后才固定”，它一加载就生效
Bootstrap 4 的 fixed-top 是静态类，加了就立刻脱离文档流、贴顶显示，不感知滚动位置。如果你想要的是「页面向下滚过 banner 或轮播图之后，导航栏才吸顶」，那必须用 JavaScript 控制类的增删——Bootstrap 不提供这个逻辑，得自己写。
监听 scrollY + 节流 + 动态补偿 padding 是核心三步
关键不是加不加类，而是何时加、加了之后内容是否被盖、滚回去时是否干净还原。
- 用
window.scrollY判断滚动距离，设阈值（比如120），避开首屏大图或标题区域 - 向上滚动且超过阈值时：给
<nav></nav>加fixed-top，同时给紧跟其后的第一个内容容器（如<main></main>）设style="padding-top: XXpx"（别依赖pt-5，高度可能不准） - 向下滚动或未达阈值时：移除
fixed-top，并清空该容器的padding-top内联样式（留着会多出空白） - 用
requestAnimationFrame包裹 DOM 操作，避免安卓低端机卡顿；别在scroll回调里直接改样式
移动端下拉菜单点不开？根源是定位上下文丢失
加了 fixed-top 后，.dropdown-menu 默认以 viewport 为锚点，但导航栏正压在它上面，子菜单找不到父级定位参考，不是 z-index 不够。
- 给
<div class="navbar-collapse"> 加 <code>style="position: relative"，让内部position: absolute的菜单有明确父容器 - 或者禁用 Popper：在
<ul class="dropdown-menu"></ul>上加data-bs-popper="none"，再配 CSS：.dropdown-menu { top: 100% !important; position: absolute; } - 确保层级：
.navbar默认z-index: 1030，下拉菜单至少设z-index: 1031，且规则带.navbar前缀限定作用域 - 给
<nav class="navbar"></nav>加style="backface-visibility: hidden; transform: translateZ(0)"，强制 GPU 加速 - 检查是否有父容器（比如
<div class="container-fluid">）意外加了 <code>transform、perspective或overflow: hidden——这些会创建新层叠上下文，让fixed定位基准变成该容器而非视口 - 确认
中有<meta name="viewport" content="width=device-width, initial-scale=1">，缺失会导致 iOS 定位错位
真正麻烦的不是加类，而是 fixed 定位带来的连锁反应：它不占空间，但要求你对后续所有内容的位置、定位锚点、层叠顺序全权负责。尤其在响应式场景下，navbar 高度随折叠状态变化，硬写死
iOS 滚动抖动或闪退？硬件加速和层叠上下文是关键
WebKit 对 position: fixed 的渲染限制在快速滚动、软键盘弹出或页面含 transform 时极易触发，这不是代码写错了，是浏览器机制。
padding-top 很容易在小屏留白或遮挡。
