【jQuery】slick.jsでコントローラーが若干ずれて見れるような時

公開日:2019年12月2日 2021年9月24日更新

Categoryweb制作

「The last carousel you'll ever need.」と書かれるくらい、多機能なスライダー系プラグイン「slick」。私もここ最近これ以外使ったことが無いくらい、便利なスライダー。

で、デフォルトのコントローラーのQ数を変えた時に、何となく座りが悪く見える。ずれて見えた時の備忘録。

ボタンの高さと幅をリセットする

.slick-prev, .slick-next {
	width: inherit;
	height: inherit;
}

その後、コントローラー自体の位置を変える。

.slick-next {
	right: -変更後のQ数の半分;
}
.slick-prev {
	left: -変更後のQ数の半分;
}

これできっと座りが良く見える。はず…