Slick Slider slidesToScroll 修改

Slick Slider slidesToScroll modification

我在我的网站上使用了灵活的滑块。而且无论我将滑块向左或向右拉多少,它都只会在 属性 slidesToScroll 中指定的幻灯片数量上运行。是否可以使用像这个滑块 http://www.owlcarousel.owlgraphic.com/demos/mousewheel.html 一样工作的光滑滑块来做一些事情。你拉了多少 - 它滚动了相同的距离。对不起我的英语不好。谢谢。

有我的 init slick slide 代码:

 $('.slider-wrapper-2').slick({
        slidesToShow: 4,
        slidesToScroll: 4,
        rows: 1
    });

只需添加 swipeToSlide 设置,即可滑动到任何幻灯片,而不考虑 slidesToScroll

您的初始化脚本应如下所示:

$('.slider-wrapper-2').slick({
    slidesToShow: 4,
    slidesToScroll: 4,
    rows: 1,
    swipeToSlide: true
});

如果它不起作用,请删除 slidesToScroll 选项。请评论它是如何工作的,以便我可以编辑我的答案。

swipeToSlide: true

添加 swipeToSlide 选项就可以完成这项工作,即使启用了 slidesToScroll。无需禁用 slidesToScroll。