実現したいこと
スマホでslickのスワイプが出来る様にしたいです
発生している問題・分からないこと
slickスライダーをスマホ表示にすると、スライドが効かなくなります。
responsiveで設定したarrowやdotsのture or falseは効いており、
またautoplayをtureにすると問題なく動くのですが、
autoplayをfalseにすると、arrowやdotsのクリックもスワイプも効かなくなってしまいます。
該当のソースコード
$(document).ready(function () { $('.concept-slider').slick({ dots: true, infinite: false, speed: 500, cssEase: 'linear', autoplay: false, adaptiveHeight: false, prevArrow: '<img src="./images/common/arrow.png" class="slide-arrow prev-arrow">', nextArrow: '<img src="./images/common/arrow.png" class="slide-arrow next-arrow">', dotsClass: "slide-dots", responsive: [{ // レスポンシブ対応に関する記述 breakpoint: 768, // ブレイクポイント 768px settings: { // その場合のオプション設定 arrows: false, } }] }); });
試したこと・調べたこと
上記の詳細・結果
検索で調べたレスポンシブが効かない際の対処法などは、試しましたが結果を得られませんでした。
また、swipe:ture,を記述してみる等試しましたが、解消できませんでした。
また、autoplayのみで動く現象は、類似の質問を見つけることができませんでした。
補足
pcは全て問題なく動作しています
0 コメント