You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Swiper.js中centeredSlides与slideToClickedSlide参数失效问题咨询

解决Swiper.js滑动后自动对齐无法停留的问题

你漏了**自由模式(freeMode)**的配置,这是让滑块能停在任意滑动位置的核心参数。

Swiper默认的滑动逻辑是强制对齐到最近的slide,哪怕你关了centeredSlides和slideToClickedSlide,只要没开启自由模式,它还是会自动对齐。

直接在配置里加上这行就能解决:

freeMode: true

完整的配置示例:

const swiper = new Swiper('.swiper-container', {
  centeredSlides: false,
  slideToClickedSlide: false,
  freeMode: true, // 开启自由滑动,取消强制对齐
  // 可选:如果需要调整滑动惯性,可添加下面的参数
  // freeModeMomentum: true, // 滑动后保留惯性,默认开启
  // freeModeMomentumBounce: false, // 关闭惯性反弹
});

如果开启freeMode后还有轻微吸附,可以额外设置freeModeSticky: false(默认就是false,一般不需要手动加,但遇到特殊情况可以试试)。

内容的提问来源于stack exchange,提问作者Haluk Karamete

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.18 19:05:53