목록Error (1)
오늘도 버터
[ERROR] 모바일에서 fixed 버튼이 사라지는 문제, dvh로 해결하기
1. 문제 상황모바일 브라우저(Chrome, Safari 등)에서 하단 fixed 버튼이 간헐적으로 화면에서 사라지는 현상이 발생했습니다.특히 스크롤 시 주소창이 나타났다 사라질 때, 또는 폴드폰을 접었다 펼 때 버튼의 위치가 화면 밖으로 밀려나는 문제였습니다.2. 원인 분석CSS의 기존 뷰포트 단위 vh가 동적으로 변하는 모바일 브라우저의 화면 크기를 제대로 반영하지 못했기 때문입니다.vh의 한계:100vh는 페이지 로드 시점의 뷰포트 높이로 고정됩니다모바일 브라우저의 주소창, 툴바 등 UI 요소의 표시/숨김 상태 변화를 반영하지 못합니다특히 Safari와 Chrome 모바일에서 스크롤 시 주소창이 사라지면서 실제 뷰포트 높이가 달라지는데, vh는 이를 추적하지 못합니다폴드폰의 폴딩/언폴딩 동작 시 실..
Error
2025. 12. 24. 01:44