• JavaScript

swiperスライダーでマウスホバーにより自動再生が止まる原因。解決方法

swiperスライダーでマウスホバーにより自動再生が止まる。

マウスホバーしても自動再生を止めたくない。

本記事ではこのような悩みを解決します。

disableOnInteractionプロパティをfalseにする

      const swiper = new Swiper('.swiperslider', {
        autoplay: {
          //falseにする
          disableOnInteraction: false,
        },
      });

swiperのautoplayにdisableOnInteractionプロパティを追加。

設定をfalseにします。

以上でマウスホバーしても自動再生が止まる事はありません。

まとめ

swiperスライダーでマウスホバーにより自動再生が止まる原因。解決方法について紹介しました。

以上で解説を終わります。