当页面加载时，光滑的js轮播闪烁

Question

我使用简单的HTML + Bootstrap + Slick JS轮播设置了一个最小的例子。

问题是，每次页面开始加载时，光滑的js轮播都会产生令人讨厌的闪烁/闪烁。

我在这里设置了一个例子：

http://rewind9.com/flicker/examples/starter-template/index.html

我已经验证并且正在加载订单脚本是正确的。这就是我如何称呼旋转木马。

<script type="text/javascript">
  $(document).ready(function(){
    $('.carousel').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
    });
  });
</script>

我认为这是一个CSS问题，所以我甚至尝试将溢出隐藏在主div上，但没有成功。

.carousel {
  position: relative;
  overflow: hidden;
  background-color: red;
}

任何想法我还能尝试什么？

谢谢！