그누보드 swiper 오류 문의드립니다. 채택완료

kwkdmwkq123

2년 전 조회 2,125

그누보드에 swiper slide 적용할 경우 웹 모바일 일때는 문제가 없는데

개발자 도구로 모바일 환경 세팅후 드래그할 경우 버벅이는 현상이 발생됩니다.

제이쿼리, swiper 버전 변경해도 오류는 그대로인데 저와 같은 오류가 발생하시는분 계신가요?

#그누보드5

정렬:

채택된 답변

+20 포인트

제이앤

2년 전

이렇게 해보는건 어떠실까요?

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개의 슬라이드만 동시에 보여주도록 설정
});

로그인 후 평가할 수 있습니다

kwkdmwkq123

2년 전

답변 감사드립니다.

말씀주신 1,2번을 썼을때도 오류는 동일합니다.
2번은 드래그를 막아버리면 의미가 없어서.. 사용을 못했습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.