Swiper 안드로이드 오류

bella·2022년 6월 7일
0
<link
  rel="stylesheet"
  href="https://unpkg.com/swiper@8/swiper-bundle.min.css"
/>

<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>

안드로이드에서만 슬라이드 클릭시 해당 슬라이드가 활성화되는 오류가 발생
SlideToClickedSlide: true 속성을 넣었을때 실행되는 이벤트인데
SlideToClickedSlide: false 로 속성지정을 해주어도 계속 발생했다..

결론

최신버전이라 안정화가 덜 되어있어 발생했던 버그..
8버전을 7버전으로 바꾸어주니 사라졌다!

그리고 슬라이드 바깥으로 버튼을 내보내고 싶을 때
슬라이드를 감싸는 부모태그를 하나 더 만들어 슬라이드 바깥으로 버튼을 빼주었었는데
이렇게 하지 않아도 swiper 속성을 static으로 바꾸어주면 가능했다!
하지만 위치를 잡아주기위해 부모태그로 한번 더 감싸고 부모태그에 position:relative값을 줘야 한다.

profile
기록하며 공부하기

0개의 댓글