トップページ > JavaScriptリファレンス > ウィンドウ名.scrollBy()

★JavaScriptリファレンス

ウィンドウ名.scrollBy() …… スクロール位置を指定座標へ移動する
Internet Explorer Google Chrome Safari Firefox Opera
広告

windowオブジェクトのscrollBy()メソッドは、スクロール位置を、現在位置から指定距離だけ移動します。 スクロールの移動距離には、マイナスの値も指定できます。

指定したスクロール位置がページサイズを超えている場合には、指定が無効となります。

window.scrollBy はウィンドウ表示位置を相対的に移動する際に使用します。 絶対位置に移動する際には window.scrollwindow.scrollTo を使用してください。

■構文・引数・戻り値

構文
ウィンドウ名.scrollBy(水平方向のスクロール距離, 垂直方向のスクロール距離)
引数
スクロール距離を指定するピクセル値

■使用例

HTML + JavaScriptソース

<html>
<head>
<script>
function sample1() {
window.scrollBy(0,50);
}

function sample2() {
window.scrollBy(0,-100);
}
</script>
</head>
<body>
<a onclick="sample1()">ここをクリックすると、スクロール位置がY方向に+50移動します。</a><br>
<a onclick="sample2()">ここをクリックすると、スクロール位置がY方向に-100移動します。</a>
</body>
</html>
↓↓↓

■関連項目

ウィンドウ名.resizeBy() …… 現在のウィンドウに指定した幅・高さを追加する
ウィンドウ名.resizeTo() …… ウィンドウの幅・高さを指定する
ウィンドウ名.moveBy() …… ウィンドウ表示位置を指定距離だけ移動する
ウィンドウ名.moveTo() …… ウィンドウ表示位置を指定座標へ移動する
ウィンドウ名.scrollBy() …… スクロール位置を指定距離だけ移動する
ウィンドウ名.scrollTo() …… スクロール位置を指定座標へ移動する
ウィンドウ名.scroll() …… スクロール位置を指定座標へ移動する
ウィンドウ名.focus() …… ウィンドウにフォーカスをあてる(前面へ移動)
ウィンドウ名.blur() …… ウィンドウからフォーカスをはずす(背面へ移動)
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ