slick 스와이핑 역방향 안되는 문제 해결법

리뮤츠·2023년 8월 2일
0

slick 옵션중에 infinite와 swipeToSlide 로 스와이핑 가능하게 설정한 경우에

index 1번인 슬라이드 뒤로는 스와이핑이 안되는 버그가 있다.

slick.min.js를 열어보자


(b=-1a.options.slidesToScroll ,c=-1a.options.slidesToScroll ,e=2*a.slideCount)


대충 이렇게 생겨먹은 부분이 있다.

ctrl F 로 찾아보자.

그리고 다음과 같이 수정해준다


(b=-1a.options.slideCount ,c=-1a.options.slideCount ,e=2*a.slideCount)


슬라이드 카운트 문제였나보다.

slick.js 에서는 다음처럼 고쳐주면 된다.


	//원본
    breakPoint = _.options.slidesToScroll * -1;
    counter = _.options.slidesToScroll * -1;
    max = _.slideCount * 2;
    
    //수정본
    breakPoint = _.options.slideCount * -1;
    counter = _.options.slideCount * -1;
    max = _.slideCount * 2;
    

출처 : https://github.com/kenwheeler/slick/issues/2002

profile
역시 퍼블이 재밋당께

1개의 댓글

comment-user-thumbnail
2023년 8월 2일

좋은 글 감사합니다. 자주 올게요 :)

답글 달기