最新のWeb開発のチュートリアル
 

ウィンドウpageXOffsetとpageYOffsetプロパティ

<ウィンドウオブジェクト

100個のピクセルでコンテンツをスクロールし、pageXOffsetとpageYOffsetを警告:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

pageXOffsetとpageYOffset特性は、水平方向および垂直方向に、現在のドキュメントウィンドウの左上隅からスクロールされたピクセルを返します。

pageXOffsetとpageYOffset特性がscrollXとscrollY特性に等しいです。

これらのプロパティは読み取り専用です。


ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

プロパティ
pageXOffset はい 9.0 はい はい はい
pageYOffset はい 9.0 はい はい はい

Note: IE8およびそれ以前の場合は、使用することができます"document.documentElement.scrollLeft""document.documentElement.scrollTop"ではなく(See "More Examples" below)


構文

window.pageXOffset
window.pageYOffset

技術的な詳細

戻り値: 水平方向および垂直方向に、文書が既にウィンドウの左上隅からスクロールされたピクセルの数を表す数値、

例

その他の例

(IE8以前のためscrollLeftとscrollTopスプライトを使用して)クロスブラウザ溶液:

window.scrollBy(100, 100);

if (window.pageXOffset !== undefined) { // All browsers, except IE9 and earlier
    alert(window.pageXOffset + window.pageYOffset);
} else { // IE9 and earlier
    alert(document.documentElement.scrollLeft + document.documentElement.scrollTop);
}
»それを自分で試してみてください

<ウィンドウオブジェクト