每个轮播单元具有自定义 css 的 Flickity 滑块答案

【问题标题】：Flickity slider with custom css per carousel-cell每个轮播单元具有自定义 css 的 Flickity 滑块
【发布时间】：2017-05-18 22:59:47
【问题描述】：

我想单独设置 flickity 'carousel-cells' 的自定义高度（和可能的其他东西）。我可以看到它是由flickity package 本身使用javascript 以某种方式计算的。

我怎样才能覆盖它，以创建这样的东西（使用较小的非活动幻灯片）？

。

我尝试将轮播单元格的高度设置为 300 像素，将活动轮播（有一个类 is-selected）设置为 500 像素的高度。那没有用。

.carousel-cell {
  width: 70%;
  height: 300px;
  background: #8C8;
}

.is-selected{
  height: 500px !important;
}

【问题讨论】：

标签： flickity

【解决方案1】：

您需要处理asNavFor 示例，直到您看到类似CodePen 中的视图

【讨论】：