光滑滑块slideToScroll修改

时间:2015-07-23 14:26:29

标签: javascript jquery css slick-2.0 slick.js

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

我的代码是init slick slide:

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

2 个答案:

答案 0 :(得分:3)

只需添加swipeToSlide设置即可启用滑动到任意幻灯片,而不管slidesToScroll

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

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

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

答案 1 :(得分:0)

swipeToSlide:真

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