현재 페이지 내에서
페이지 viewport 계산을 위해
height: 100vh;
height: calc(var(–vh, 1vh) * 100);
와 같이 설정을 주고
각 페이지마다
const vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty("–vh", ${vh}px);
로 진입시 계산을 합니다.
그런데 이 방법을 적용한 이후 하단으로 스크롤시 하단부가 하얗게 변하는 이슈가 있습니다. 스크롤이 멈추면 다시 하단부가 다시 노출됩니다. 다른 브라우저에서는 이런 이슈 없이 모두 정상 동작하지만 아이폰 인앱브라우저에서만 위와 같은 현상이 일어납니다. 혹시 확인 가능할까 문의드립니다.
혹시 아이폰 인앱브라우저에서는 상단 주소바와 하단 네비게이션이 사라지던데 이부분이 리사이징되나요?