画面サイズ、イベント発生座標、スクロール量の取得方法

「画面サイズ」や「イベント発生座標」を取得する方法について取り上げます。似たようなプロパティがいくつかあり、目的のプロパティを利用するには、違いを理解しておく必要があります。各プロパティがどういった値を持っているのか実例とともに確認します。

サイズ(幅、高さ)を取得

モニターサイズ ウィンドウサイズ などのサイズを取得するためのプロパティが存在します。

iframeの中なのでイメージがつきづらいですが、CODEPEN上の例を表示します。