我有一个宽度可变的轮播，我希望它具有滚动所有显示的块的行为，也希望用户可以滑动到任何位置，但是无论我如何尝试，它们似乎相互矛盾。这是我的配置：
$('.carousel').slick({
infinite: false,
variableWidth: true,
slidesToShow: 1,
slidesToScroll: 7,
swipe: true,
swipeToSlide: true,
});
有没有解决此问题的方法？
我有一个带有以下示例的codepen：https ://codepen.io/vicpantoja/pen/NWxqKzO
问题是使用该swipeToSlide选项。设置swipeToSlide: true替代slidesToScroll。在该网站上，“无论幻灯片slidesToScroll如何，都允许用户直接拖动或滑动到幻灯片上”（http://kenwheeler.github.io/slick/）。
如果您想一次显示7张幻灯片，并希望通过滑动（或单击“下一步”按钮）显示下一组7张幻灯片，则可以通过设置以下三个选项并删除来实现swipeToSlide：
slidesToShow: 7
slidesToScroll: 7
swipe: true
在您的情况下：
$('.carousel').slick({
infinite: false,
variableWidth: true,
slidesToShow: 7,
slidesToScroll: 7,
swipe: true
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句