もっと"Try it Yourself"以下の例。
定義と使用法
scrollBy()メソッドは、ピクセルの指定された数によって文書をスクロール。
Note:このメソッドが機能するには、ウィンドウのスクロールバーのvisibleプロパティをtrueに設定する必要があります！
ブラウザのサポート
| 方法 | |||||
|---|---|---|---|---|---|
| scrollBy() | はい | はい | はい | はい | はい |
構文
window.scrollBy( パラメータ値 パラメーター タイプ 説明 xnum Number 必須。 どのように多くのピクセルx軸に沿って、によってスクロールする(horizontal) 。 負の値は右にスクロールする一方正の値は、左にスクロールします ynum Number 必須。 y軸に沿って、によってスクロールするピクセル数(vertical) 。 負の値は上にスクロールしながら、正の値は、スクロールダウンします
技術的な詳細
戻り値： 戻り値なし
その他の例
例
水平方向と垂直方向の文書をスクロール：
<button onclick="scrollWin(0, 50)">Scroll down</button>
<button
onclick="scrollWin(0, -50)">Scroll up</button>
<button onclick="scrollWin(100, 0)">Scroll
right</button>
<button onclick="scrollWin(-100, 0)">Scroll
left</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script> »それを自分で試してみてください
関連ページ
ウィンドウオブジェクト： href="met_win_scrollto.html"> scrollTo() Method
<ウィンドウオブジェクト