scrollTo
ウインドウ内の表示を指定した位置までスクロールする
構文 |
|
| window.scrollTo(x,y) |
| x | 横方向の位置(ピクセル) | | y | 縦方向の位置(ピクセル) | |
|
|
説明
- ピクセル単位で指定した位置へ，ウインドウ内のコンテンツ表示領域を移動するメソッド。
- Mac版のNetscape Navigator4.Ｘ以外のブラウザでは，基本的にスクロールバーが表示されている範囲でしか移動できない。
用例
ボタンフォームをクリックすると，ウインドウ内のコンテンツ表示領域が横から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>scrollTo</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.scrollTo(10,100)>
</form>
</p>
</div>
</body></html>
この用例を実行する
