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

标签 javascript jquery css carousel slick.js

在 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 的数量按指示工作。

这可能吗?

最佳答案

如果我正确理解您的问题,可以使用以下方式解决:

swipeToSlide: true

在您的设置中。

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

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

关于javascript - 中心模式下的光滑轮播导致 SlidesToscroll 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34309490/

相关文章:

jquery - Bootstrap 侧边栏导航调整大小问题

html - 使用 SpringFramework3 制作时事通讯(HTML)

javascript - html5 datalist 上的 ng-click 事件无法正常工作

javascript - 克隆 jquery 按钮两次并让它们都在执行相同的任务

php - 如何通过POST获取多个选择框的所有值?

html - flex 方向不被尊重

javascript - 如何检测重叠元素下的点击?

javascript - 无序列表的布局

jquery - Bloodhound 远程查询有效,但没有任何建议

带有绑定(bind)点击事件的 Javascript 循环总是返回最后的结果