スムーズにページ内スクロールをするJavaScriptライブラリいろいろ

ページ内リンク（<a href="#hoge">みたいなの）をクリックされた時に、リンク先へスムーズにスクロールしてくれるJavaScriptライブラリを調べてみた。

• dfSmooth
  
• デモ　Smooth Scroll - by www.dezinerfolio.com
• ページ内リンク先のアンカーにname属性でなくid属性を使っている場合は動かないらしい（ちょっと改造すれば済みそうだけど）
  
• auto-scrolling page navigation
• 要prototype.js ＆ script.aculo.us
• Smooth scrolling
• MIT licence
• scrollBy
• ライブラリというかサンプルコード
• scrollsmoothly.js
• MITライセンス
• jQuery.easing.scroll.js
• 要jQuery
• MITライセンス。エンジンとして使われているjQuery Easing PluginはBSDライセンス
• デモ　Easingプラグインを使ったページスクロールサンプル

まだまだたくさんある。お腹いっぱいになったので調査終了。

試してないが、ぱっと見た感じだとjQueryを使ってるならjQuery.easing.scroll.js、そうじゃないならscrollsmoothly.jsがよさそう。


なお、ページの先頭にスクロールするだけなら、jQueryのscrollTop()が簡単。