#「Slick」スライダーが、最後のスライドまで行くと、最初のスライドに高速で逆戻りしてしまう
サイトのトップページとか、商品ページとかで「Slickスライダー(slick.js)」を使っています。でも、横方向へのスライドを無限ループで表示させたとき、1(最初) → 2 → 3 → 4 → 5(最後) → 1 … と、同じ方向へスライドしていってほしいのに、なぜか逆方向へ高速で戻って行ってしまうという現象に、長いこと悩まされておりました。
CSSに一文を追加すればOK
結論から言うと、私の場合は、スタイルシートに
.slick-slider div { transition: none; }
という一文を追加するだけで、逆戻りしなくなりました。