青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

SlickでAutoplayをtrueにしているのにhoverするとAutoplayが止まる

slick - the last carousel you'll ever need

f:id:XxGodmoonxX:20191117085243p:plain

なんと、初期設定で、

pauseOnFocuspauseOnHoverがtrueになっている。

なので、初期設定ではそのスライダーにフォーカスした時(フォーカスした時ってなんなのですかね、ホバーとなにが違うのか)と、スライダーをホバーしたときはAutoplayが止まるようになっていた。これが原因。なので、オフにしてあげれば良い。

    $('.mainVisualSlider').slick({
        autoplay: true,
        autoplaySpeed: 6000,
        pauseOnFocus: false,
        pauseOnHover: false
    });