slick.jsというプラグインを使っており、ブレークポイントを720pxに設けています。
画面サイズ720px以下のときに表示する要素数を1つに、720px以上のときは5つにして3つ目の要素を中央に表示したいのですが、
一度720px以下にした後に720px以上にすると720px以下のときに近い表示のままで、中央に表示されるものが1つ目の要素になってしまいます。
初期化ができていないようなのですが、どのようにすればできるのでしょうか?
$(window).on('resize'... $('.hoge').slick('setPosition');
のようにしても初期化できませんでした。
また、transform: translate3d(150px, 0, 0)
のような形で、
150pxを0にすると、中央に表示できますが、jsで指定しても画面サイズを少し動かすと、
すぐに元に戻ってしまいます。
よろしくお願い致します。
$('.hoge').slick({ dots: false, infinite: false, arrows: false, slidesToShow: 5, centerMode: true, initialSlide: 2, responsive: [ { breakpoint: 721, settings: { initialSlide: 0, slidesToShow: 1 } } ] });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。