如何在 slick.js 滑块中仅显示下一张幻灯片的一半
How to show only half of the next slide in slick.js slider
在光滑的滑块中,有一个名为 "centerMode" 的选项,它基本上确定元素并根据 'centerPadding' 显示 prev/next 项目的某些部分。另一个选项是 "slidesToShow: 2.3",它基本上显示 2 个项目和 prev/next 项目的一半,但我想显示两个完整的项目,只显示下一个项目的一半,如下所示:
只需将此添加到您的 CSS:
.slick-list{padding:0 20% 0 0;}
注意:如果您将其添加到浏览器检查器中,它将不起作用。您必须在加载页面之前添加它。
在光滑的滑块中,有一个名为 "centerMode" 的选项,它基本上确定元素并根据 'centerPadding' 显示 prev/next 项目的某些部分。另一个选项是 "slidesToShow: 2.3",它基本上显示 2 个项目和 prev/next 项目的一半,但我想显示两个完整的项目,只显示下一个项目的一半,如下所示:
只需将此添加到您的 CSS:
.slick-list{padding:0 20% 0 0;}
注意:如果您将其添加到浏览器检查器中,它将不起作用。您必须在加载页面之前添加它。