ページ内リンク(<a href="#hoge">みたいなの)をクリックされた時に、リンク先へスムーズにスクロールしてくれるJavaScriptライブラリを調べてみた。
- dfSmooth
- デモ Smooth Scroll - by www.dezinerfolio.com
- ページ内リンク先のアンカーにname属性でなくid属性を使っている場合は動かないらしい(ちょっと改造すれば済みそうだけど)
- auto-scrolling page navigation
- 要prototype.js & script.aculo.us
- Smooth scrolling
- scrollBy
- ライブラリというかサンプルコード
- scrollsmoothly.js
- MITライセンス
- jQuery.easing.scroll.js
- 要jQuery
- MITライセンス。エンジンとして使われているjQuery Easing PluginはBSDライセンス
- デモ Easingプラグインを使ったページスクロールサンプル
まだまだたくさんある。お腹いっぱいになったので調査終了。
試してないが、ぱっと見た感じだとjQueryを使ってるならjQuery.easing.scroll.js、そうじゃないならscrollsmoothly.jsがよさそう。
なお、ページの先頭にスクロールするだけなら、jQueryのscrollTop()が簡単。
0 件のコメント:
コメントを投稿