JavaScriptでスムーズにページ内を移動

　2008.01.14

　ページが長くなると一番上まで戻るのも大変です。クリック一つでページの先頭まで移動できれば便利ですよね。ページ内リンクは遥か昔からあったのですが、今回はJavaScriptを利用しスクロールして戻る方法を調べてみました。すると結構色んな方法がありました。

[JS]ページ内をスムーズにスクロールできるスクリプト
「jquery」を使って独自に開発されています。
Tiny Scrolling - ページ内をスムーズにスクロールするJavaScript
「Tiny Scrolling」というJavaScriptライブラリを利用しています。
[ajax] ページ内リンクでスムーススクロール
「prototype.js」を利用しています。
prototype.jsを利用したスムーズなページスクロール
「prototype.js」「effects.js」を利用しています。

　ぱっと調べたところ以上の４つを取り上げてみました。どれも分かりやすく紹介されており設置も簡単にできるかと思います。で、下に設置してみました。よければお試しください。
【ページの先頭まで移動する】

　ところでこれらはページの先頭だけじゃなくページ内どこでも移動できるのでうまく使えばより訪問者に優しいサイトになるはずです。