さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】Slickのスライダーの内容が1件だけしかなかった場合の表示対応

Pocket
LINEで送る

Slickでスライダーの内容が1件しかなかった場合に表示が崩れるので対応方法です。

javascript

var slideCount = 0;

$('.slide .slick-slide').each(function(){
	slideCount ++;
});

if (slideCount === 1) {
	$('.slide .slick-track').addClass('item-single');
}

scss

.slick-track {
	&.item-single {
		transform: translate3d(0px, 0px, 0px) !important;
	}
}

カテゴリー:JQuery, スライダー, slick

コメントを残す

コメント内容