Animated Scroll to Top

ページを下にスクロールするにつれ表示する「TOPへ」ボタン実装チュートリアル。
ページの上の方にいる場合は必要ないかもしれないボタン。下に行くにつれ表示されることで上に戻れることが分かりやすく、上にいるときは邪魔にならないという使いやすいボタンが作れますね。
jQueryにて実装するチュートリアルとなっており、サンプルのダウンロードも出来るのでいざ実装する際に参考にできそう。



デモページ



最近WEBを巡回していると散見するUIですね。

関連エントリ

• 指定位置までスクロールするとヒントを表示させられる便利jQueryプラグイン「SlideNote」
• スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」
• カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」