dropdown滑入动画需同时设置transform和opacity，起点为translatey(-0.5rem)、opacity:0、visibility:hidden，终点为translatey(0)、opacity:1、visibility:visible，并用!important或高权重选择器覆盖popper.js的行内transform样式。
怎么让Dropdown下拉菜单滑入而不是淡入
默认的 .dropdown-menu 动画是纯 opacity 变化（fade），没有位移感。要改成“滑入”，必须同时控制 transform 和 opacity，且起点终点都要明确定义。
-
.dropdown-menu基础类里写初始状态：opacity: 0、transform: translateY(-0.5rem)、visibility: hidden -
.dropdown-menu.show里写目标状态：opacity: 1、transform: translateY(0)、visibility: visible，并加display: block !important -
transition必须写在基础类上，且只列参与动画的属性：transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s（visibility不能省） - 别漏掉
!important——Popper.js 注入的行内transform: translate3d(...)会覆盖你写的 CSS，加!important或用更具体选择器（如.navbar .dropdown-menu）才能压过
为什么加了 transform 还是原地闪现
常见原因是 Popper.js 动态注入的 transform: translate3d(x,y,z) 行内样式优先级高于你的 CSS 规则，导致你写的 transform 被忽略。
- 检查开发者工具中
.dropdown-menu元素的 computed 样式，确认是否真被style="transform: ..."覆盖 - 解决办法不是删 Popper，而是提高选择器权重：比如用
[data-popper-placement] .dropdown-menu.show或.dropdown .dropdown-menu.show - 或者干脆关掉 Popper 的 transform 自动计算：
popperConfig: { modifiers: [{ name: 'computeStyles', options: { adaptive: false } }] }，再交由 CSS 全权控制 - 注意：关掉
adaptive后，若父容器有transform或filter，菜单可能错位——这是参考系问题，不是动画本身失效
想加缩放+滑入复合动画怎么写
单纯 translateY 不够表现力？可以叠加 scale，但得保证起点和终点都可插值，且避免触发布局重排。
- 起点：
.dropdown-menu { opacity: 0; transform: scale(0.95) translateY(-0.5rem); } - 终点：
.dropdown-menu.show { opacity: 1; transform: scale(1) translateY(0); } - 过渡声明仍写在基础类：
transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) - 别用
height或margin做动画——它们触发 layout，卡顿明显；transform+opacity是 GPU 加速路径 - 如果用了 SCSS，建议在自定义文件里
@extend .dropdown-menu后重置，避免被编译后 CSS 覆盖
移动端点击后菜单“抖一下”再展开
这不是动画参数问题，而是 Popper 在触摸设备上首次定位时坐标计算延迟，导致菜单先按 JS 初始位置渲染（常为 top: 0; left: 0），再被重定位，视觉上像抖动。
- 最稳解法：初始化时就传
popperConfig，禁用初始偏移干扰：{ strategy: 'fixed' }（绕过滚动容器影响） - 或预设锚点偏移：
{ modifiers: [{ name: 'offset', options: { offset: [0, 2] } }] }，给 Popper 一个明确起点 - 别依赖
:hover模拟——Bootstrap 移动端已禁用 hover 触发，强行启用会导致收不起、穿透点击等问题 - 如果菜单嵌在
.navbar-collapse里，确认没给父级加overflow: hidden，否则动画过程被裁切，看起来像“弹跳”
popperConfig，硬塞 top/left 或忽略 visibility 就会掉进坑里。
