slick.jsで非表示を表示にした際画面が出ない

この記事は約1分で読めます。
スポンサーリンク

slick.jsといったスライドショー関連のjavascriptで
display:noneなどで、非表示から表示にした際に画面の高さがうまく取得できずに高さが無くなる場合がある。
ウィンドウサイズを変えたりすると戻ったりする。

だいたいリセット用の関数が用意されているので表示されたタイミングで着火させる事で問題なく動作させられる。

var slide = $(‘#slider’).slick({初期化パラメータ});
slide.slick('setPosition');

変数にスライドオブジェクトを登録して、表示が変わるjavascriptにslickの関数で初期化するjavascriptを追加する。

コメント

タイトルとURLをコピーしました