LoginSignup
0
0

More than 3 years have passed since last update.

[Slick]最初のスライダーから最後のスライダーへ移動すると高速で一周する現象を直したい

Last updated at Posted at 2020-10-09

なりゆき

Slickのバグかと思って検索しまくったのですが、同一の現象が全く無く困り果てたので(唯一あった同じ現象の対処法は直ったは直ったが理想の動きにはならず、使えなかった)メモ書き+誰かのエラーに刺されば・・・と書き留めます。

原因

CSSに記載していた、

* {
-webkit-transition: all .6s;
transition: all .6s;}

コイツが原因でした。
競合してたのか何なのか、私はこれをcommon.cssで全部に効くようにしていたので、Slickのdivやらbuttonやらなにやらすべてにかかってしまっていたみたいです。

解決法

原因でほぼ解決法はお分かりかと思いますが、
まるっと削除するか、適用範囲をSlickの部分だけ除かせる。

* {
-webkit-transition: all .6s;
transition: all .6s;}

これを削除するか、

*:not(.slick-track) {
-webkit-transition: all .6s;
transition: all .6s;}

:notでslick範囲を除くか。

しかしながら、少しカクツキが残るので理想とは言えない。
どうしたもんかなぁ

0
0
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
0
0