Visual viewport API

height は VisualViewport インターフェイスの読み取り専用プロパティで、視覚的ビューポートの高さを CSS ピクセルで返します。現在の文書が完全にアクティブでない場合は、0 を返します。

offsetLeft は VisualViewport インターフェイスの読み取り専用プロパティで、視覚的ビューポートの左端の、レイアウトビューポートの左端からのオフセットを CSS ピクセル単位で返します。現在の文書が完全にアクティブでない場合は 0 が返されます。

offsetTop は VisualViewport インターフェイスの読み取り専用プロパティで、視覚的ビューポートの上端の、レイアウトビューポートの上端からのオフセットを CSS ピクセル単位で返します。現在の文書が完全にアクティブでない場合は 0 が返されます。

pageLeft は VisualViewport インターフェイスの読み取り専用プロパティで、初期包含ブロックの原点を基準とした視覚的ビューポートの左端の x 座標を CSS ピクセルで返します。または、現在の文書が完全にアクティブでない場合は 0 を返します。

pageTop は VisualViewport インターフェイスの読み取り専用プロパティで、初期包含ブロックの原点を基準とした視覚的ビューポートの上端の y 座標を CSS ピクセルで返します。または、現在の文書が完全にアクティブでない場合は 0 を返します。

resize は VisualViewport インターフェイスのイベントで、視覚的ビューポートがリサイズされた際に発行されます。これによって、通常はレイアウトビューポートに固定されている要素を、視覚的ビューポートがズームされた際に相対的に位置指定することができます。

scale は VisualViewport インターフェイスの読み取り専用プロパティで、視覚的ビューポートに適用されたピンチズームの拡大縮小係数を返します。現在の文書が完全にアクティブでない場合は 0、出力端末がない場合は 1 を返します。

scroll は VisualViewport インターフェイスのイベントは、視覚的ビューポートがスクロールされた際に発行されます。これによって、通常はレイアウトビューポートに固定されている要素を、視覚的ビューポートがスクロールされた際に相対的に位置指定することができます。

scrollend は VisualViewport インターフェイスのイベントで、視覚的ビューポートのスクロール操作が終了したときに発行されます。これにより、スクロール操作が完了したときに要素を更新することができます。例えば、 VisualViewport/resizeevent イベントと VisualViewport/scrollevent イベントを使用して、ピンチズームやスクロールが行われる際に要素が視覚的ビューポートに固定されるようにし、scrollend を使用してスクロールが終了したときに新しいコンテンツで要素を更新することができます。

width は VisualViewport インターフェイスの読み取り専用プロパティで、視覚的ビューポートの幅を CSS ピクセルで返します。現在の文書が完全にアクティブでない場合は、0 を返します。

visualViewport は Window インターフェイスの読み取り専用プロパティで、特定のウィンドウの視覚的ビューポートを表す VisualViewport オブジェクトを返します。