光滑滑块中的样式 centerPadding答案

【问题标题】：Style centerPadding in slick slider光滑滑块中的样式 centerPadding
【发布时间】：2015-12-17 00:47:45
【问题描述】：

如何在 slick.js 滑块中设置 centerPadding 的样式？我想设置填充的不透明度，但不是轨道中的所有项目。

$('.ourgroup-carousel').slick({
    infinite: true,
    slidesToShow: 4,
    slidesToScroll: 1,
    arrows: true,
    centerMode: true,
    centerPadding:'80px',
});

【问题讨论】：

标签： javascript jquery carousel slick.js

【解决方案1】：

有一个引用当前居中 div 的 CSS 类“.slick-center”。您可以随意将中心 div 放入您自己的样式表中。

【讨论】：

样式只是居中 div，问题是如何设置 centerPadding:''80px'' 的样式，而不是在轨道中居中 div。该属性是在光滑轨道中具有部分可见性的第一个和最后一个 div。

【解决方案2】：

我知道这是一个非常老的问题，但我最近偶然发现了同样的问题，我的解决方法是使用以下 css

.slick-slide[aria-hidden="true"] {
    opacity: 0.5;
}

它实际上会为所有不可见的幻灯片设置样式，但由于它们没有显示，所以没关系。

【讨论】：