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

Window scrollY 属性

JavaScript Window オブジェクト

このscrollY読み取り専用の属性で、ドキュメントが垂直方向にスクロールしたピクセル数を返します。

このscrollY属性はpageYOffset属性の別名。

構文:

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

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

ブラウザの互換性

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

属性
scrollY559

技術的詳細

返り値:数字で、ドキュメントがトップからスクロールしたピクセル数を示します

さらに多くの例

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

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

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

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

関連参考

ウィンドウ(Window)参考:window.pageXOffsetプロパティ

ウィンドウ(Window)参考:window.pageYOffsetプロパティ

ウィンドウ(Window)参考:window.scrollXプロパティ

HTML DOM 参考:element .scrollLeftプロパティ

HTML DOM 参考:element .scrollTopプロパティ

JavaScript Window オブジェクト