ページスクロールを一定時間止める方法

ホーム > JavaScript > ページスクロールを一定時間止める方法

■説明

　ページを縦スクロールさせる際に、一定時間（ソースの例では5秒間）止めてから指定Y座標分まで自動的にスクロールすることが出来ます。これはインラインフレームに使いニュース的なものに応用すると良いでしょう。

■ソース

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<TITLE>ページスクロールを一定時間止める方法</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
//――――――――――――――――――――――――――――――――――――――
// 作成者 るび～/ACCESS R http://www5e.biglobe.ne.jp/~access_r/
//――――――――――――――――――――――――――――――――――――――

//――――――――――――――――――――――――――――――――――――――
// ユーザが設定する部分はここから！！
//――――――――――――――――――――――――――――――――――――――
var timer = 20;			//スクロールスピード(msec)
var stoptimer = 5000;	//スクロールを止める時間(msec)
var hsize = 200;		//ニュースのheight値(px)
//――――――――――――――――――――――――――――――――――――――
// ユーザが設定する部分はここまで！！
//――――――――――――――――――――――――――――――――――――――
var y = 1;				//Y座標

</BODY>
</HTML>

■対応ブラウザ

ページスクロールを一定時間止める方法
IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6
×	●	●	●	●	×	●	●	●	●

[ホーム] [JavaScript] [↑ページ最上部へ戻る]

Webデザイナーになれる！
HTML、FLASH、CSS等様々なWeb技術やデザインに関することを学ぶことが出来ます。Webデザイナーなら、是非どうぞ！資料請求は無料！です。