테스트 사이트 - 개발 중인 베타 버전입니다

swiper 질문드립니다. translate3d 채택완료

4년 전 조회 2,177

전채적인 넓이는 1920px인데 

크롬개발자 툴로 보면은 translate3d(-1903px, 0px, 0px) 색칠부분의 배수로 늘어나고 있습니다...

슬라이드 현상으로는

 

위 사진처럼 빨간 박스안에 저런 간격이 계속해서 늘어나고 있다는 점입니다..

구글검색후 해결방안을 찾아보았으나 이와관련한 이슈는 없는듯 하여 질문 올려봅니다...ㅠㅠ

 

</p>

<p>var swiper = new Swiper(".swiper-container-main", {

        spaceBetween: 0,                //슬라이드 사이의 거리(px단위)

                    centeredSlides: true,            //Swiper이미지 가운데 정렬

                    autoplay: {    

                        delay: 4000,

                    },

                    speed: 600,    

                    effect: "fade",

                    simulateTouch: false,            //마우스이벤트 활성화 여부

                    loop: true,

                    slidesPerView: 'auto',            //한 화면에 보여질 이미지 수

      });</p>

<p>

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

답변 1개

채택된 답변
+20 포인트

우측 스크롤바를 제외한 전체 넓이가 1903px로 인식되서 그런것같습니다.

슬라이드 넓이를 그에 맞게 조절해보시면 좋을거같네요

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

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

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

로그인

전체 질문 목록

🐛 버그신고