くりゅぴ!

サーバーやWEB問題解決のメモから生活お得情報まで。未分類のものは執筆中

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

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

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

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

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

WEB開発

タグ:

WEB開発の最新記事

2020年7月13日
印刷時改ページをする
2020年7月10日
PHPのJsを外部ドメインより呼び出す
2020年7月10日
ブラウザにキャッシュさせない

コメントを残す

メールアドレスが公開されることはありません。