JavaScript オブジェクト

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

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

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

Window scrollBy() メソッド

scrollBy()指定されたピクセル数でウィンドウ内でドキュメントをスクロールするメソッドです。

scrollBy()は指定されたピクセル数をスクロールし、window.scrollTo()ドキュメント内の絶対位置にスクロールします。

文法：

window.scrollBy(x-coord,　y-coord)

例

<button　onclick="window.scrollBy(0,100,　0);">クリック</button>

テストを見て‹/›

ブラウザの互換性

すべてのブラウザはscrollBy()メソッドを完全にサポートしています：

メソッド
scrollBy()	は	は	は	は	は

パラメータの値

パラメータ	説明
x-coord	あなたがスクロールする水平ピクセルの値です。正の値は右にスクロールし、負の値は左にスクロールします。
y-coord	あなたがスクロールする垂直ピクセルの値です。正の値は下にスクロールし、負の値は上にスクロールします。

技術的詳細

戻り値：	ありません

さらに例

垂直にドキュメントをスクロール100ピクセル：

例

<button　onclick="window.scrollBy(0,　100);">クリック</button>

テストを見て‹/›

水平と垂直にドキュメントをスクロール：

例

<button　onclick="window.scrollBy(0,　50)">下にスクロール</button>
<button　onclick="window.scrollBy(0,　-50)">上にスクロール</button>
<button　onclick="window.scrollBy(0,100,　0)">右にスクロール</button>
<button　onclick="window.scrollBy(0,-100,　0)">左にスクロール</button>

テストを見て‹/›

JavaScript オブジェクト

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

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

Window scrollBy() メソッド

文法：

ブラウザの互換性

パラメータの値

技術的詳細

さらに例

関連リファレンス