window.scrollTo( x, y )は、指定した絶対座標の位置までスクロールするメソッド。
構文
<script type="text/javascript">
window.scrollTo( x, y );
</script>
window.scrollTo( x, y );
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
scrollTo( x, y );
</script>
scrollTo( x, y );
</script>
引数
- x
- 左端からの距離を、ピクセル単位で指定する。
- y
- 上端からの距離を、ピクセル単位で指定する。
サンプル
サンプルの動作について
「スクロール」ボタンをクリックすると、スクロール可能であれば、左端から100px、上端から200pxの座標位置へスクロールする。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sampleScrollWindow() {
window.scrollTo( 100, 200 );
}
</script>
function sampleScrollWindow() {
window.scrollTo( 100, 200 );
}
</script>
HTML
<div class="sample">
<button onclick="sampleScrollWindow()">スクロール</button>
</div>
<button onclick="sampleScrollWindow()">スクロール</button>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>