有什么办法可以让 slideToScroll 和 swipeToScroll 的行为同时出现在光滑的轮播中？

Question

我有一个宽度可变的旋转木马，我希望它有滚动所有显示块的行为，也希望用户可以滑动到任何位置，但无论我如何尝试，它们似乎都相互矛盾其他。这是我的配置：

$('.carousel').slick({
 infinite: false,
 variableWidth: true,
 slidesToShow: 1,
 slidesToScroll: 7,
 swipe: true,
 swipeToSlide: true,
});

这个问题有解决办法吗？

我有一个带有以下示例的代码笔： https://codepen.io/vicpantoja/pen/NWxqKzO

Answer 1

问题是使用 swipeToSlide 选项。设置 swipeToSlide: true 覆盖 slidesToScroll。来自网站，"Allow users to drag or swipe directly to a slide irrespective of slidesToScroll" (http://kenwheeler.github.io/slick/).

如果您希望一次显示 7 张幻灯片并滑动（或 'next' 按钮单击）显示下一组 7 张，您可以通过设置这三个选项并删除 swipeToSlide:

slidesToShow: 7
slidesToScroll: 7
swipe: true

你的情况：

  $('.carousel').slick({
    infinite: false,
    variableWidth: true,
    slidesToShow: 7,
    slidesToScroll: 7,
    swipe: true
  });

有什么办法可以让 slideToScroll 和 swipeToScroll 的行为同时出现在光滑的轮播中？

Is there any way to have both slidesToScroll and swipeToScroll behavior in a slick carousel?

javascript

carousel

slick.js