【JQuery】Slickのスライダーの内容が1件だけしかなかった場合の表示対応
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; } }
コメントを残す