사파리에서 footer 포지션 fixed, bottom:0 일때, 스크롤 시 잔상효과 문제

Question

안녕하세요!ios 사파리에서만 특정 문제가 발생하여 질문드립니다&#x1f972;이벤트 상세페이지에서 이벤트 참여하기 버튼을 하단에 fixed, bottom:0 으로 고정을 했는데타 브라우저에서는 문제가 없는데 사파리에서만 스크롤을 하면 첫 화면에 잔상효과가 생깁니다. 새로고침을 하면 해당 문제가 사라지긴 하는데 새로고침 없이도 화면을 정상적으로 보고싶습니다.해당 문제에 대해 구글에 많이 검색을 해보고 적용도 시켜봤는데 해결이 되지 않아.. 질문드리게 되었습니다.아마, 사파리에서 주소창이 하단에 위치하게 됨으로써 문제가 발생하는 것 같은데 혹시 해결 방법이 있을까요..?해결한 방법으로는 최상위 부모(html, body)에 position:relative 적용해봤습니다.

love_myself · Answer

ㄱㅆ 해결했습니다.같은현상 발생하시는 분들 계실까하여 공유드립니다.fixed 넣은 곳에-webkit-transform:translateZ(0);작성하시면 잔상효과 없이 정상작동합니다!

사파리에서 footer 포지션 fixed, bottom:0 일때, 스크롤 시 잔상효과 문제

1개의 답변

#scss 목록