Bootstrap用の、ページ内の目次を生成するスクリプト・tocify.js

スポンサーリンク

Twitter Bootstrap用の、目次生成スクリプト・tocify.jsのご紹介です。見出しを探し出して自動で目次を作る、みたいなやつ。実装も楽でユーザーにも優しい実装なのは素敵ですね。

冗長化したページではスクロールは面倒なので目次とページ内リンクを作ろう、というもの。見出しを探して自動生成します。

tocify.js


アニメーションスクロールや入れ子にも対応しています。IEも7から対応との事。

     $(function() {
                  $("#foo").tocify();
              });

セレクタを指定して

<div id="foo"></div>

空要素を用意すればいいだけみたい。

オプションも豊富に揃っています。詳細は以下よりどうぞ。

tocify.js

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services