ページの可視領域を算出する方法について整理する- Qiita
要約 業務で“実際に見えている”ページ領域(今回は高さ)を算出する必要があり、調査すると以下の選択肢があったので整理しました。 モバイルでも使用する想定です。 ・window.innerHeight ・window.outerHeight ・window.visualViewport.height ・document.documentElement.clientHeight 今回の用途としてはwindow.visualViewport.heightが最適だなと判断しました。 理由 ・画面を拡大縮小(macで言うcommand + )すると値も連動する ・画面をズームイン、ズームアウトすると値も連動する ・仮想(画面)キーボードが表示されると値も連動する(モバイル) ・動的ツールバーの高さは含まない