如何禁用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
相关产品推荐
相关产品推荐

