Swiper 양쪽 끝에서 드래그시 밀림 막기

Swiper 양쪽 끝에서 드래그시 밀림 막기

 

swiper를 사용하다보면 맨 왼쪽이나 맨 오른쪽 슬라이드에서 드래그 시 슬라이드가 살짝 밀리는 모습을 볼 수 있습니다.

경우에 따라 이게 많이 거슬리는 경우가 있는데, 이 현상을 막을 수 있는 스와이퍼 옵션이 있습니다.

 

https://swiperjs.com/swiper-api

Swiper API

 

swiper api를 보시면 resistanceRatio라는 옵션이 있는데, 이 옵션을 사용하면 양쪽 끝에서 밀리는 정도를 조절할 수 있습니다.

resistanceRatio의 최대값은 1, 최소값은 0, 기본값은 0.85으로 이 값을 0으로 내려주면 슬라이드가 밀리지 않습니다.

만약 0이 조금 어색하다고 느껴지면 조금씩 값을 높이면서 조절해보세요.