PR
構文
 
  window.scrollBy(x,y)
x
横方向の移動量(ピクセル)
y
縦方向の移動量(ピクセル)
総合 インデックス
メソッド
FirefoxIE

説明

  • ピクセル単位で指定した分量ずつ,ウインドウ内のコンテンツ表示領域を移動するメソッド。
  • Mac版のNetscape Navigator4.X以外のブラウザでは,基本的にスクロール・バーが表示されている範囲でしか移動できない。

用例

ボタンフォームをクリックすると,ウインドウ内のコンテンツ表示領域が横に-10ピクセル,縦に-100ピクセルずつ移動する。(最初にいったんスクロールバーを右端に寄せる必要がある)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>scrollBy</title>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
<div id="STY1" style="position:absolute; left:200px; top:200px; 
width:1000px; height:1000px; background: Tan">
*ウインドウ内の表示領域を指定した分量ずつスクロールする<p>
<form>
    <input type="button" value="指定した分量ずつスクロール" 
onClick=window.scrollBy(-10,-100)>
</form>
</p>
</div>
</body></html>

この用例を実行する