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。
我在我的网站上使用了灵活的滑块。而且无论我将滑块向左或向右拉多少,它都只会在 属性 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。