2
1

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 3 years have passed since last update.

slickのセンターモードがiOSで機能しない現象

Last updated at Posted at 2019-12-01

TL; DR

centerPadding: ''と書くだけで解消するっぽい。

$('.slides').slick({
    //slickのオプション設定
    responsive: [  
        {
            breakpoint: 768,
            settings: {
                centerMode:true,
                centerPadding: ''
            }
        }
    ]

});

PCブラウザでもAndroidでも問題なく動いているのに、iOSだけずれる現象がここ最近何度か起こっていたので色々試した結果これに行きつきました。
スライド間のマージンをCSSで設定していたのが原因? そっちでは調整しないほうがいいのかな。。
とりあえず見た目が崩れて困ったら最初に試してみるとよさそう。

便利で素晴らしいプラグインなんですけど、これといいフリック効かない問題といいiOSでちょいちょい不具合が発生して無駄に頭を悩ませることもしばしば。。

2
1
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
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?