Front-End/Safari
2022. 9. 30.
Safari on IOS 에서 주소창 고정이 되거나 status bar 맨 위로 이동이 되지 않는 경우
최근 회사에서 모바일 웹 페이지를 개발하다가 발견한 이슈인데, 어디에서도 정보를 찾기 힘들어서 까먹지 않기 위해 기록을 남긴다. 구현해야하는 기능중, 원할때 위에서 아래로 스와이프 하여 팝업을 닫을수 있는 인터렉션을 구현해야했는데, 하필 이 팝업은 화면을 꽉 채우는 팝업 이었다. 이미지와 같이, 맨위의 바를 당겨서 팝업창을 끄는 인터렉션을 구현해야 했다. 이 뒤의 배경에 스크롤 가능한 요소가 자리잡고 있고, 위에 모달 요소와 팝업 요소가 올라가는 형태이다. 그래서 스크롤 하여 원문을 보다가 팝업을 여는 버튼을 클릭시 나타나므로, 보고 있는 뷰포트와 스크롤을 유지한채 화면 전체를 잠궈야 했다. 보통 이런 팝업에서 위에서 아래로 스크롤 하게되면 뒤의 배경이 따라 움직이는 경우가 많다. 대부분 이런 문제를 해..
