JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

JS Storage オブジェクト JavaScript Window オブジェクト

Window scrollX 属性

scrollXドキュメントを返します/ページの水平方向にスクロールするピクセル数です。

scrollX属性はpageXOffset属性の別名。

構文：

window.scrollX

例

var x = window.scrollX;
var y = window.scrollY;

テストして見て‹/›

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

ブラウザの互換性

表に示される数字は、scrollX属性を完全にサポートする最初のブラウザバージョンを指定しています：

属性
scrollX	は	55	は	は	9

技術的詳細

返り値：	水平方向にスクロールするピクセル数を示す数字

さらに多くの例

コンテンツをスクロール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;

テストして見て‹/›

JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

Window scrollX 属性

構文：

ブラウザの互換性

技術的詳細

さらに多くの例

関連参考