EGG×RICE

 

df Javascript Smooth Scroll は、アンカータグを利用したページ内リンクを、スムーズなスクロールで視覚的に楽しく・わかりやすくできるJavaScriptライブラリ。
（デモページ）

例えば、「このページの最上部へ」など、ページ遷移せずにページ内で移動するリンクをクリックした場合、通常では一瞬で画面が切り替わるためページ遷移との区別が付きにくい。このライブラリを利用すれば、このようなページ内リンクの挙動がユーザーによくわかる。

導入は非常に簡単だ。上記サイトからライブラリを入手して、次のスクリプトをhtmlページ内のheadタグ内に記述してライブラリを呼び出すだけ。

あとは、ページ内の＜a name=”top”＞といったアンカータグが自動的にスクロール対象となる。

ライブラリは1kbと小さく、読み込みに時間がかからないので、縦長なページでアンカータグを利用する場合にかなりおすすめ。