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

如何禁用Flickity滑块拖拽释放后的自动对齐功能?

解决Flickity拖拽释放后自动对齐的问题

你需要在Flickity的配置项中添加alignCells: false,就能禁用拖拽释放后的自动对齐功能。

原因是Flickity默认会启用alignCells(自动对齐单元格),哪怕你已经设置了freeScroll: true,释放拖拽后滑块依然会自动对齐到单元格位置。将该选项设为false后,滑块就能完全自由滚动,不会触发自动对齐。

修改后的代码如下:

const swiper = new Flickity('.carousel', {
    prevNextButtons: false,
    contain: true,
    resize: true,
    pageDots: false,
    freeScroll: true,
    alignCells: false // 禁用自动对齐
})

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.21 17:27:14