[jQuery] slick.js의 응답 옵션 오류?

3461 단어 jQueryJavaScript

조건


HTML
<div class="slider responsive">
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
  <div><h3>4</h3></div>
  <div><h3>5</h3></div>
  <div><h3>6</h3></div>
  <div><h3>7</h3></div>
  <div><h3>8</h3></div>
</div>
JavaScript
$('.responsive').slick({
  dots: true,
  infinite: false,
  speed: 500,
  slidesToShow: 5,
  slidesToScroll: 1,
  responsive: [{
    breakpoint: 768,
    settings: {
      slidesToShow: 2,
      slidesToScroll: 2,
      dots: true
    }
  }]
});
  • slideToScroll의 값을 slidesToShow의 값과 다른 숫자로 설정합니다.(?)
  • 창 크기를 중단점보다 작은 값으로 줄입니다.
  • 마지막 항목으로 미끄러진다(위 원본 코드라면 8장).
  • 창 크기를 중단점 값 이상으로 늘립니다.
  • 무슨 일이 일어날까요?

  • 4 이후 화살표 버튼의 슬라이드를 통해 이전 항목으로 돌아갈 수 없습니다.

  • 무엇 때문에?

  • 솔직히 잘 모르겠어요.지금 위치 수정이 잘 안 돼요?
  • 옵션 해결?
  • 강제 해결 방법

  • slick.js의 1634 줄을 변경합니다.
  • slick.js
    _.checkResponsive();
    
    slick.js
    _.checkResponsive(true);
    
  • 이렇게 하면 치수를 조정할 때 첫 번째 슬라이드를 강제로 되돌려줍니다.
  • 원래의 해결 방법을 아시는 분은 저에게 알려주세요.

    좋은 웹페이지 즐겨찾기