JavaScript iOS 브라우저 스크롤 시 화면 resize 문제

아이폰, 아이패드의 모바일 브라우저(크롬, 사파리)에서는 터치 혹은 스크롤로 상, 하단 바의 높이를 확대 축소 할 수 있다.

두 경우 모두 resize 스크립트 이벤트를 발생시키게 되는데, 스크롤 시에만 변경된 윈도우의 크기를 받아올 때 문제가 생긴다.

터치의 경우 바뀐 값을 잘 가져오는 반면 스크롤을 통해 자동으로 상, 하단바가 늘어나고 줄어드는 경우는 받아온 값이 이전과 변화가 없다.

스크롤을 통한 resize 이벤트 발생을 막고 싶다는 사례에 대한 해결책은 찾아볼 수 있었지만 스크롤로 달라진 윈도우 크기를 재대로 받아오지 못하는 오류는 iOS 의 버그여서인지 찾아볼 수 없었다.