Bootstrap 5 轮播图默认不支持触屏滑动，需手动添加手势逻辑；data-bs-touch等属性已彻底移除，touch-action: pan-y无效，灵敏度由threshold或Math.abs(diff) > 30等阈值控制。
bootstrap 5 的 carousel 默认不响应触屏滑动，所谓“修改灵敏度”其实是先补上滑动能力，再调参——没有滑动逻辑，就不存在灵敏度可调。
为什么直接改 CSS 或 data-bs-* 属性没用
Bootstrap 5 彻底移除了 touch 相关参数（比如 data-bs-touch="true" 或初始化时传 { touch: true }），这些写法不会报错，但也不会生效。同样，touch-action: pan-y 只影响浏览器默认滚动行为，对轮播切换无任何作用，反而可能让容器完全无法接收 touch 事件。
滑动灵敏度由手势库或原生事件阈值控制
真正决定“多滑多远才触发切换”的，是手势识别阶段的位移判断逻辑。你有两个主流选择：
- 用
Hammer.js：改threshold和velocity参数，例如hammertime.get('swipe').set({ threshold: 50, velocity: 0.3 }) - 用原生
touchstart/touchend：改Math.abs(diff) > 30中的30，建议设在25–40之间；太小易误触（轻微抖动就切页），太大则需拖很长距离
必须绑定到 .carousel 容器，且注意初始化时机
滑动事件监听必须作用于整个轮播容器（.carousel 或 #myCarousel），不能只绑在 .carousel-item 上——否则手指落在指示器、空白处或过渡动画区域时会失效。更重要的是：
- 如果用了
data-bs-ride="carousel"自启，得等 DOM 加载完、Carousel 实例已创建后再初始化Hammer或绑定原生事件 - 推荐用
bootstrap.Carousel.getInstance(el)确保实例存在，避免carousel('next')调用失败 - 别在
touchmove里做方向判断——频繁触发 + 抖动干扰，容易误判；只在touchend计算一次位移差就够了
最常被忽略的一点：无论用哪种方案，都得在手势回调里加 e.preventDefault()（或 Hammer 的 preventDefault 配置），否则页面会跟着手指上下滚动，轮播图却纹丝不动。
