Flickity Slider - Slides偏离对准

Question

我很难弄清楚为什么在闪烁滑翔机内的幻灯片不对齐？

滑块偏离位置的Gif

从技术上讲，滑块是有效的。所以，这要么是我尚未实现的选项，要么是CSS。

Javascript

var Flickity = require("flickity");
require("flickity-fade");

var mediaChoiceCarousel = new Flickity("#media-choice-carousel", {
  autoPlay: true,
  autoPlay: 4500,
  adaptiveHeight: false,
  pageDots: false,
  prevNextButtons: false,
  cellAlign: "left",
  wrapAround: true,
  contain: true
});

HTML

<div id="media-choice-carousel" class="carousel carousel-ratiowide">
        <div class="slide">
          <picture class="ratio-wide">
            <img src="###" alt="###" />
          </picture>
        </div>
        <div class="slide">
          <div class="video-wrapper">
            <iframe></iframe>
          </div>
        </div>
</div>

Answer 1

我想看看其他的选择，但我想我可能会把它归为…

.carousel {
  overflow: hidden;

  &::after {
    content: "flickity";
    display: none;
  }

  .flickity-cell.is-selected {
    position: absolute;
    inset: 0;
  }
}