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

Window pageYOffset 属性

JavaScript Window オブジェクト

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

pageYOffset属性はscrollY属性の別名。

構文:

window.pageYOffset
var x = window.pageXOffset;
var y = window.pageYOffset;
テストを試してみる‹/›

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

ブラウザの互換性

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

属性
pageYOffset9

技術的な詳細

返り値:数字が、ドキュメントがウィンドウの左上隅から垂直にスクロールしたピクセル数を示します

さらに多くの例

コンテンツをスクロール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.pageXOffsetプロパティ

ウィンドウ(Window)リファレンス:window.scrollXプロパティ

ウィンドウ(Window)リファレンス:window.scrollYプロパティ

HTML DOM リファレンス:element .scrollLeftプロパティ

HTML DOM リファレンス:element .scrollTopプロパティ

JavaScript Window オブジェクト