슬라이드 질문

dots와 arrows를 스크립트 슬릭 옵션으로 너비에 따라 제어하실 경우는 slick의 responsive 옵션에서 구간 별로 제어 하셔야 합니다.

다른 방법으로는 미디어쿼리 구간에서 css로 display: none !important; 로 제어 하셔도 됩니다.

아래 내용은 슬릭 공식사이트에서 상세히 보실 수 있습니다.

https://kenwheeler.github.io/slick/

$('.responsive').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: false
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

인프런 커뮤니티 질문&답변