웹퍼블리셔 신입입니다ㅜㅜ 고수분들께 swiper.js에 관련된 질문드립니다

Question

아직 병아리수준의 웹퍼블리셔 신입입니다..다름이 아니라 제가 아닌 다른 분이 작업한 코딩을 수정해야할 일이 생겼는데요. breakpoints: { 1024: { slidesPerView: 3, spaceBetween: 20 }, 680: { slidesPerView: 2, spaceBetween: 20 }, 480: { slidesPerView: 1, } 이렇게 breakpoinst를 넣으면 각 화면 width값마다 보여지는 슬라이더 숫자와 간격을 줄 수 있더라구요. 문제점은 페이지를 로드했을 때 swiper.js를 사용한 슬라이더가 웹pc로 켰음에도 불구하고 자꾸 모바일버전의 슬라이더가 한 번 딱! 나타난 뒤웹pc버전 슬라이더가 나온다는 것입니다.. 로드문제이니 load 스크립트 문제 같아 이전 작업자분이 작성한 js 파일에 있는 load 이벤트를 주석처리 하면서 하나하나씩 확인해도 문제는 해결되지 않았습니다..이처럼 웹인데도 불구하고 모바일버전 화면이 약 1초간 나타났다가 사라지는 현상은 무엇이 문제이고 어떻게 해결해야할 지 답변 공유해주시면 정말 감사하겠습니다..!

유리세계 · Accepted Answer

스와이퍼가 적용될때 가로길이가 어떻게 되어있는지 확인해보세요. display:none; 일 경우 가로길이를 재는 방식에 따라서 0으로 취급하기도 해서요

이날범 · Answer

감사합니다!

웹퍼블리셔 신입입니다ㅜㅜ 고수분들께 swiper.js에 관련된 질문드립니다

2개의 답변

Q&A 목록