slick.jsでjavascriptの読み込みが終わるまで縦並びになってしまう。

タイトルみたいなことが起こってしまって、たくさんの画像で画面が埋まってしまってました。

とりあえず簡単な解決方法

<div class="your-class">
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
</div>

これを

<div class="your-class">
  <div class="slick-slide">your content</div>
  <div class="slick-slide">your content</div>
  <div class="slick-slide">your content</div>
</div>

みたいにslick-slideをつけてあげると、とりあえず縦並びになるのを防げます。

もし読み込みが遅くて画像が縦並びになってしまうといった現象に、こういった対応をしてみてはいかがでしょうか。

---

追記(2018.07.09)

この方法にバグが見つかりました。
asNavForを使って連携させるとき挙動がおかしくなります。
ですので、その際はクラス名slick-slideを使わない対応をしてください。

詳しくはこちらの記事で ( https://qiita.com/yoshiiiiie/items/2deaf0d3b7d8271d6e38 )