■症状
・Slick.jsで画像が切り替わっているとき画像がカクっと動く
■原因
横幅がスクロールバー分大きく判断
スライド中にリサイズ処理、横幅がスクロールバー分縮む。
なぜそうなるかは不明【追記】Slickの設定が早すぎるため、縦スクロールが出る前に横幅を計測し、1枚目が動いており、2枚目途中で、縦スクロールが出ている事を判断し、幅が変わっていると思われる
■解消法
画像読み込み後、Slickスライダーのタイミングを0.3秒程度遅らせる。
$(window).on('load',function() {setTimeout(function(){ $('#mv ul').slick(); },30); });
※一時的な解決で、縦スクロールが出るタイミングがどの段階で行われるのか調べて、その後にSlickの設定を行う必要がある。
RELATED
-
2023年12月13日
-
2023年8月24日
-
2023年8月1日
-
2021年8月25日
コメントを残す