상현에 하루하루
All 개발자의 하루

[짧] swiper.js safari 위치, 투명도 에러

( 업데이트: )

swiper.js를 사용하면서 safari에서만 transform: translate3d(*, *, *) 이 부분에서 의도하지 않게 보여지는 문제 뭔가 애니메이션 중간에서 끊겨있는 것이 유지되는 버그가있었다.

해당 문제가 발생한 UI가 swiper > swiper로 2단계로 중첩되어있어서 처음에는 이것이 문제인가? 생각했다.

문제가 생겼던 swiper slide가 position이 특이하게 position: static으로 설정했었다.

chrome에서는 분명하게 의도한대로 보여졌기 때문에 문제가 없다 생각했는데 추후에

위 position 값을 수정해주니까 의도한대로 정상적으로 동작했다.