jquery - 在 Slick Slider 中显示下一张幻灯片的一半，无需居中模式

Question

我想要的是有一个 slider 可以一次显示 3.5 张幻灯片，最右边的幻灯片只显示一半。我已经看到使用 centerMode 和 centerPadding 以及光滑 slider 成功完成了类似的操作，但我不希望幻灯片居中。换句话说，我希望最左边的幻灯片与窗口的一侧齐平，完全在视野中，但最右边的幻灯片一半在窗口中，一半在窗口之外。这在光滑中可能吗？我见过有人使用 SlidesToShow: 3.5，但这会使最左边的幻灯片离开屏幕一半，而我需要它在右边。

Answer 1

无需添加“slidesToShow: 3.5 选项”

只需调用 slick:-

$('.Your-container').slick({
    arrows: false,
});

并添加以下 CSS:

.slick-list{padding:0 20% 0 0 !important;}

您可以在右侧指定固定内边距或百分比。