본문 바로가기

공부/퍼블리싱

Swiper js - 겹침 문제 해결

1. 스와이퍼를 감싸는 부모가 display:none / block 등 상태가 변하는 경우 (ex. tab) 아래의 옵션을 사용

observer: true,
observeParents: true,
observeSlideChildren:true,

 

 

2. effect : 'fade' 를 사용하는 경우에는 background 를 깔아줘서 오류처럼 보이지 않게 함