7
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[slick.js] 最後のスライドまでいったら逆戻りしてしまう

Posted at

#「Slick」スライダーが、最後のスライドまで行くと、最初のスライドに高速で逆戻りしてしまう

サイトのトップページとか、商品ページとかで「Slickスライダー(slick.js)」を使っています。でも、横方向へのスライドを無限ループで表示させたとき、1(最初) → 2 → 3 → 4 → 5(最後) → 1 … と、同じ方向へスライドしていってほしいのに、なぜか逆方向へ高速で戻って行ってしまうという現象に、長いこと悩まされておりました。

CSSに一文を追加すればOK

結論から言うと、私の場合は、スタイルシートに
.slick-slider div { transition: none; }
という一文を追加するだけで、逆戻りしなくなりました。

7
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?