English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Window pageXOffset 属性

JavaScript Window オブジェクト

pageXOffset読み取り専用の属性で、現在のドキュメントがウィンドウの左上隅から水平にスクロールされたピクセル数を返します。

pageXOffset属性はscrollX属性の別名。

構文:

window.pageXOffset
var x = window.pageXOffset;
var y = window.pageYOffset;
テストを見て‹/›

注意: pageXOffsetおよびpageYOffset属性はscrollXおよびscrollY属性と等しいです。

ブラウザの互換性

表の数字は、pageXOffset属性を完全にサポートする最初のブラウザバージョンを指定します:

属性
pageXOffset9

技術的詳細

返り値:数字がファイルがウィンドウの左上隅から水平にスクロールされたピクセル数を示します

さらに多くの例

コンテンツをスクロール100ピクセル、およびpageXOffsetおよびpageYOffsetを表示します:

window.scrollBy(100, 100);
var x = window.pageXOffset;
var y = window.pageYOffset;
テストを見て‹/›

クロスブラウザソリューション(IEに対して)8およびより早いバージョンでは、scrollLeftおよびscrollTopを使用します:

var x = (window.pageXOffset !== undefined)
  ? window.pageXOffset
  : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
var y = (window.pageYOffset !== undefined)
  ? window.pageYOffset
  : (document.documentElement || document.body.parentNode || document.body).scrollTop;
テストを見て‹/›

関連参考

ウィンドウ(Window)参考:window.pageYOffset属性

ウィンドウ(Window)参考:window.scrollX属性

ウィンドウ(Window)参考:window.scrollY属性

HTML DOM 参考:element .scrollLeft属性

HTML DOM 参考:element .scrollTop属性

JavaScript Window オブジェクト