모바일 세로 사이즈 계산(사파리 스크롤 이슈)

모바일에서 하단 버튼 영역이 브라우저 바에 가려지고 스크롤이 되지 않음
하단 브라우져 메뉴에 클릭 버튼이 뒤에 가려져 있음

    setVhStyleProperty() {
      // mobile에서 브라우저 하단 버튼 높이 계산
      try {
        if (!this.$refs.filterAside) {
          return
        }
        let vh = window.innerHeight * 0.01
        this.$refs.filterAside.style.setProperty('--vh', `${vh}px`)
      } catch (error) {
        console.error(error)
      }
    },

    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);

https://ibks-platform.tistory.com/370

shldhee / note

모바일 세로 사이즈 계산(사파리 스크롤 이슈) #4