[ JavaScript ] 画面を自動スクロールするサンプル

スポンサードリンク

JavaScript で画面を自動スクロールするサンプルです。

サンプルコード

<HTML>
<HEAD>
<TITLE>Javascript Sample</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript1.1">
<!--
var stop_y = 2300;
var y = 8;
var i = 0;
var step = 2;
function Wscroll () {
    if ( y <= stop_y ) {
        y += step;
        window.scroll (0,y);
        setTimeout ("Wscroll()",10);
    }
}
//-->
</script>
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="20" topmargin="20" marginwidth="20" marginheight="20" onLoad = "Wscroll();">
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
<P>画面の自動スクロール</P>
</BODY>
</HTML>

実際に動作するサンプル

動作確認

  • OK – Mac Safari 2.0
  • OK – Mac Firefox 2.0

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

コメントを残す

メールアドレスが公開されることはありません。