Schwarz Lanzenreiter forward

Page Scroll

ページを目的地まで自動でスクロールさせる

IE4+, NN6+, Opera7+


PageScroller 2 公開中。 このページは削除される予定です。[ 2005-09/10 ]


概要

ページ内を移動する時、ただジャンプさせるのではなくその場所まで自動でスクロールしてあげるとうい JavaScript。 勿論、任意の場所から任意の場所へ移動でき、ついでに減速もします。 この機能が使えない古いブラウザの場合は通常通りの動作をします。

[PageTop]

DownLoad

Page`Scroll

[PageTop]

使い方

まず移動元と移動先のアンカ要素を普通に記述します。

eXample;
<a href="#contents">移動元</a>

・・・・・・

<a name="contents">移動先</a>

これはよく見慣れたソースですが、これに少し書き足します。

eXample;
<a href="#contents" onclick="return pageScroll('contents')">移動元</a>

・・・・・・

<a name="contents" id="contents">移動先</a>

移動先の ID 属性と NAME 属性の名前が同じであることに注目してください。 そして移動元の onClick の中にも同じ名前があることに気付いてください。 同一ページ内に複数使う場合は名前が重ならないように気をつけてください。 アンカへの仕込みは以上です。

後は <head> 間に

<script type="text/javascript" src="pagescroll.js"></script>

と記述します。移動のスピード、移動距離の値はソース中を編集してください。

注意

このスクリプトは互換モードで使用してください。Strict では期待した返り値が得られませんので動きません。 Transitional や Strict の意味が分からない方は気にしないで下さい。恐らく動きます。

Sample


[PageTop] [Home] [Back]

Copyright(C) 2002-2005 kerry