window.scrollTo( x, y )メソッド

window.scrollTo( x, y )は、指定した絶対座標の位置までスクロールするメソッド。

構文

<script type="text/javascript">
window.scrollTo( x, y );
</script>

<script></script>内であれば、window.は、下記のように省略可能。

<script type="text/javascript">
scrollTo( x, y );
</script>

引数

x
左端からの距離を、ピクセル単位で指定する。
y
上端からの距離を、ピクセル単位で指定する。

サンプル

サンプルの動作について

「スクロール」ボタンをクリックすると、スクロール可能であれば、左端から100px、上端から200pxの座標位置へスクロールする。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function sampleScrollWindow() {
    window.scrollTo( 100, 200 );
}
</script>

HTML

<div class="sample">
    <button onclick="sampleScrollWindow()">スクロール</button>
</div>

CSS

<style type="text/css">
.sample button {
    font-size: 16px;
}
</style>

スポンサード リンク

カテゴリー: JavaScript, Windowオブジェクト, ブラウザオブジェクト, メソッド, リファレンス, 操作 パーマリンク