滑动滑块中的样式中心填充

Question

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

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

Answer 1

有一个 css 类“.slick-center”引用当前居中的 div。您可以随意将中心 div 放入您自己的样式表中，从而使中心 div 变得活泼起来。

Answer 2

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

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

事实上，它会给所有不可见的幻灯片设置样式，但由于它们没有显示，所以并不重要。