我希望光滑的滑块在3张幻灯片中滑动(slidesToScroll:3)。 现在的要求是,如果有多于3张幻灯片(考虑4张幻灯片),则在单击下一步时,它应该显示第4张幻灯片,并且旁边的ADJACENT插槽应该为空。因此,滑块应始终在三张幻灯片,每当超过时,其余插槽应为空。 因此,如果有5张幻灯片,那么最后一个幻灯片插槽将为空。
我无法在小提琴中重现确切的问题。 目前,我只是使用普通的光滑代码。您可以参考此代码笔https://codepen.io/Kibs/pen/aNzvBG
$('.your-class').slick({
slidesToShow: 3,
slidesToScroll: 3,
prevNext: true,
arrows: true,
dots: true,
responsive: [{
breakpoint: 500,
settings: {
arrows: true,
infinite: false,
slidesToShow: 3,
slidesToScroll: 3,
}
}]
});