그누보드 swiper 오류 문의드립니다.
본문
그누보드에 swiper slide 적용할 경우 웹 모바일 일때는 문제가 없는데
개발자 도구로 모바일 환경 세팅후 드래그할 경우 버벅이는 현상이 발생됩니다.
제이쿼리, swiper 버전 변경해도 오류는 그대로인데 저와 같은 오류가 발생하시는분 계신가요?
답변 1
이렇게 해보는건 어떠실까요?
1.CSS 속성 추가: .swiper-container 요소에 -webkit-overflow-scrolling: touch;
.swiper-container {
-webkit-overflow-scrolling: touch;
}
2.스크롤 락 기능 활성화:
var swiper = new Swiper('.swiper-container', {
// 기타 옵션 설정
touchMoveStopPropagation: true
});
3.슬라이드 갯수 제한:
var swiper = new Swiper('.swiper-container', {
// 기타 옵션 설정
slidesPerView: 3, // 예시: 3개의 슬라이드만 동시에 보여주도록 설정
});
답변 감사드립니다.
말씀주신 1,2번을 썼을때도 오류는 동일합니다.
2번은 드래그를 막아버리면 의미가 없어서.. 사용을 못했습니다.
답변을 작성하시기 전에 로그인 해주세요.