光滑的旋转木马显示在左边然后消失

Question

我定期使用光滑的旋转木马，今天我遇到的问题让我觉得我疯了。

当我将.slick（）方法应用于父元素时，所有幻灯片都显示在页面的左侧，页面会大量延伸，然后当您尝试滑动时，只会跳到整个地方。

我创建了一个codepen来显示我遇到的问题，你可以在这里看到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