Slick Carousel 向左显示然后消失

Question

我经常使用 slick carousel，今天我遇到了一个让我觉得自己快要疯了的问题。

当我将 .slick() 方法应用于父元素时，所有幻灯片都显示在页面左侧，页面水平延伸很多，然后当您尝试滑动时，它会跳到所有地方.

我创建了一个代码笔来展示我遇到的问题，您可以在此处查看 https://codepen.io/harrietmcmahon/pen/pLWMbX?editors=1111

我有

  <div class="js--sc">
   <div class="box"></div>
   <div class="box"></div>
   <div class="box"></div>
   <div class="box"></div>
  </div>

将 .slick 应用于 js--sc

我已经尝试过使用其他设置和不使用其他设置，我什至尝试只复制另一个 codepen 它可以工作的地方，但它也失败了！

如果有人能指出我遗漏了什么，或者是否有人遇到过这个问题，我将不胜感激？

谢谢

Answer 1

您只需要包含 Slick CSS

https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css

Slick Carousel displaying to the left then disapearing