如何在 slick.js 滑块中仅显示下一张幻灯片的一半

Question

在光滑的滑块中，有一个名为“centerMode”的选项，它基本上确定元素并根据“centerPadding”显示上一个/下一个项目的某些部分。另一个选项是“slidesToShow: 2.3”，它基本上显示 2 个项目和上一个/下一个项目的一半，但我想显示两个完整项目和下一个项目的一半，如下所示：

Answer 1

只需将其添加到您的 CSS 中：

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

注意：如果您将其添加到浏览器检查器中，它将不起作用。您必须在加载页面之前添加它。