jQueryでページトップにスムーススクロール javascript

よくホームページとかに、ページトップに戻るとか、ページトップへっていうリンクがありますよね。

私もブログにページトップに戻るリンクがなかったので、今回、スクロールしながらページトップに戻るスクリプトを設置してみました。感想としては、いきなりトップに戻るよりもわかりやすくていいですね。

設定はすごく簡単でした。javascriptとかぜんぜん分らないんですけどそんな私にも簡単にできました。

ちなみに、動作環境は以下のとおり
Win
IE6, IE7, Firefox1.5, Firefox2, Opera9, Netscape8, Netscape9b, Safari3b
Mac
Safari2, Firefox1.5, Firefox2

では手順です。私は、コリスさんを参考にしました。私的にここが一番非常に分りやすく説明されていました。
http://coliss.com/articles/build-websites/operation/javascript/296.html
上のリンクに行き、
上からチョイ下の方の、JSファイルのダウンロード

script
page-scroller-300.js (4.5KB)
jquery-pack.js(1.1.3.1)(21.0KB)
demo
page-scroller-300.zip (28.8KB)
とあるところの、page-scroller-300.zipをダウンロードする。

フォルダを解凍しその中の、page-scroller.jsとjquery-pack.jsを使います。この二つを、サーバーにアップし、スクロールを使いたいページのhead～/headの間に、

＜script type="text/javascript" src="○○○○/jquery-pack.js" charset="utf-8"＞＜/script＞
＜script type="text/javascript" src="○○○○/page-scroller.js" charset="utf-8"＞＜/script＞を記述します。

○の所は、サーバーのurlを書きます。たとえば、アップした場所が、http://www.○○○.comなら、

＜script type="text/javascript" src="http://www.○○○.com/jquery-pack.js" charset="utf-8"＞＜/script＞
＜script type="text/javascript" src="http://www.○○○.com/page-scroller.js" charset="utf-8"＞＜/script＞と書きます。

そして、ページの先頭の要素にidを記述します。
例：
＜a id="top"＞＜/a＞
ページの先頭へ移動させる箇所に、下記のように記述します。
例：
＜a href="#top"＞ページトップにもどる＜/a＞

これだけで、OKです。簡単でしょ！ほかにも、いろんなスクロールがあるみたいなんで興味がある方は、チェックしてみて下さい。サンプル等は、上にあるリンクで確認できます。

追記：
jQueryでページトップにスムーススクロール javascriptを導入していたんですが、Safariでブログが落ちる Javascriptが原因
で書いているように、MacOS10.3.9の、Safari1.3.2 (v312.6)で自分のブログを見ると落ちるため取りやめています。