中心模式下的光滑轮播导致 SlidesToscroll 无法正常工作

Posted 2023-02-22

【中文标题】中心模式下的光滑轮播导致 SlidesToscroll 无法正常工作

【英文标题】：Slick carousel in Center Mode causes SlidesToscroll does not work as it should be

【发布时间】：2016-03-22 10:33:27

【问题描述】：

在 slick carousel(Slick.js) 中，我想使用 centerPadding，所以我必须将 centerMode 设置为 true。打开 CenterMode 后，我滑动幻灯片，但无论我从一侧到另一侧拖动/滑动旋转木马多少，每次滑动它只会移动一张幻灯片。如果我将 centerMode 更改为 false，则轮播可以正常工作，但 centerPadding 不起作用。

总结 centerMode: true //设置为 false 然后 slideToScoll 工作但 centerPadding 不工作 centerPadding: "30px" //仅当 centerMode 为 true 时才起作用 slideToScroll: 3 //这不起作用，每次滑动只有 1 个滑动滚动

我希望 slicks carousel 的这些选项一起工作，centerMode 与 CenterPadding 和 slideToScroll 的数量如所示工作。

这可能吗？

【问题讨论】：

如果您能够解决您的问题，如果您可以与大家分享答案，或者查看有助于解决您问题的答案，将会有所帮助

【参考方案1】：

如果我正确理解您的问题，可以通过以下方式解决：

swipeToSlide: true

在您的设置中。

这将导致滑动/拖动在您实际滑动到的幻灯片上停止，而不是下一张幻灯片。

但是没有办法让 certerMode 和 slideToScroll 同时工作。