본문 바로가기
react

Swiper 이 잘 동작하다 이거? 한 후 동작 안 할 경우,

by 다양성 2022. 1. 6.

swiper를 사용중인데, react에서 보던 오류를 또 반복해서 겪어서 재 정리하려고 함.

문제상황 : swiper 가 포함된 div 혹은 탭이 새로고침 되거나, display: none에서 block으로 변경되어 화면에 보여질때, 해당 swiper 가 동작하지 않음

해결법 : swiper 옵션에 observer : true, observeParents : true 를 추가하면 됨. 특히나 여러 swiper를 사용시에 잘 동작하던 swiper가 동작을 안하는 경우가 있음. 이 옵션을 사용중인 모든 swiper에 추가하길 바람. 혹시나 탭 메뉴에 추가해서 사용중인 경우에도 탭 메뉴 선택으로 해당 swiper가 가려졌다 보여질 경우, 동작 안할 경우가 있는데, 이때도 이 옵션을 사용하기 바람.

댓글