自動的にスクロールする
| 今回の効果は、ＨＰを読み込んだ時に、自動的に画面がスクロールしていき、マウスでスクロールバーを操作しなくてもいいというものです。縦に長いＨＰを、映画のエンディングテーマのような感覚で見ることができます。外出先等、マウスを使いづらい時には楽で助かるのでは？ では、今月も少しだけこの実験にお付き合い下さい。 |
 ポイント | Ｊａｂａスクリプトを使用します。 |
 効果 | ｙＰｏｓは、表示させるＹ座標を意味します。最初の読み込み時には０にしておきます。ｓｅｔＴｉｍｅｏｕｔ(”ｓｃｒｏｌｌＷｉｎ()”，２００)で、２００ミリ秒ごとに画面を読み込むようにし、その際、ｙＰｏｓ＋＝４でＹ座標の表示位置を４ピクセルづつ下にずらしていくことで、結果的に画面がスクロールします。 ｏｎＵｎｌｏａｄ＝ｃｌｅａｒＴｉｍｅｏｕｔ(ｔｉｍｅｒＩＤ)で、ページを移動したらスクロールが止まるようにします。(でないと、ページを移動しても永遠にスクロールが続いてしまいます。) |
 使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この実験効果の欠点は、スクロールしている途中でもう１度最初から見たいと思っても、流れをとめられないということです。見る人にとって、スクロールの早さが早すぎると、内容を読み切れないなんてことも。逆に、遅すぎるとイライラの原因にもなります。程良いスピードを設定するのが「鍵」です。 ページの最後まで表示がされたら、またページの頭に戻ってスクロールが始まります。スクロールの限界値を表すｙＬｉｍｉｔの値をページの長さよりも少し大きめのピクセル値で設定しておくと、１回スクロールが終わって次にスクロールが始まるまでに間隔があきます。 |
ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
