반응형 FrontEnd/마크업1 [CSS] safari 모바일 브라우저에서 overflow:hidden이 되지 않아요. !!! 문제가 발생한 코드 !!!상황을 설명하기 위한 코드이며, 실무에 적용한 코드는 아래와 다름....모달을 띄우기 위한 마크업 구조 ... 모달 컨텐츠 마크업 구조 body.overlay { overflow:hidden;} !!! 원인 !!!모바일 safari 브라우저에서 자주 발생하는 이슈이다. (또 safari 가 범인이니?)모바일 safari는 HTML과 body요소를 각각 별개의 뷰포트로 인식하여 스크롤을 처리함iOS safari는 전체 화면을 하나의 스크롤 가능한 영역으로 관리함touchmove 이벤트가 지속적으로 활성화된 상태에서는 safari가 터치를 계속 시도하며 overflow:hidden 규칙을 우회함iOS safari에서는 화면 스크롤을 멈췄을 때 약간 틩기는 바운스 효과가 .. 2024. 11. 10. 이전 1 다음 반응형
