【slick.js】スマホでautoplayが止まる現象の対策 - Qiita

slickでautoplay設定をしていたが、スマホで見たときに画像をタッチしながらスクロールしたらautoplayが止まる現象が起きた。そんな時の対策をメモ。 ちなみに今回、スライドアニメーションは「fade」にしていた。 <div class="mv_sp"> <img src="images/mv1_sp.jpg" alt=""> <img src="images/mv2_sp.jpg" alt=""> <img src="images/mv3_sp.jpg" alt=""> </div> 対策１. autoplay止まる系オプションを無効に 何らかのアクションでautoplayが止まるのを有効にしてしまうオプションがある。 とりあえず下記オプション全てをfalseに設定 pauseOnFocus：フォーカスで一時停止 pauseOnHover：マウスホバーで一時停止 pauseOn