scrollBy
ウインドウ内の表示領域を指定した分量ずつスクロールする
構文 |
|
window.scrollBy(x,y) |
x | 横方向の移動量(ピクセル) | y | 縦方向の移動量(ピクセル) | |
|
|
説明
- ピクセル単位で指定した分量ずつ,ウインドウ内のコンテンツ表示領域を移動するメソッド。
- 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>
この用例を実行する