Scroll

ウインドウをスクロールする

2009.01.09

構文

　 window.scroll(x,y)

x	横方向の移動位置(ピクセル)
y	縦方向の移動位置(ピクセル)

説明

横方向，縦方向をピクセルで指定し，指定した位置までウインドウ内のコンテンツ表示領域をスクロールするメソッド。
Windows向けのブラウザでは，スクロール・バーが表示されている範囲でしかスクロールできない場合がある。

用例

ウインドウの横位置を0.5秒ごとに2ピクセルずつ移動する。

<!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>Scroll</title>
<script type="text/javascript">
<!--
var i = 0;
var MOZI = 3200;
function F_Scroll() {
    if ( i < MOZI) { i = i+2;
          window.scroll(i,0);
          }
            setTimeout("F_Scroll()",50);
} 
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body onLoad="F_Scroll()">
*ウインドウをスクロールする
<nobr>
<font size=4>フレーム内の文字をスクロールしている...文章が折り
返されないようにnobr要素を設定している。Windowsではスクロールバーを
"no"にしているとうまくいかない時があるので注意が必要。</font>
</nobr>
</body></html>

この用例を実行する