前の記事 ≪:2013年1月28日 管理人のブックマーク
次の記事 ≫:MicrosoftのLive OAuthで認証するPHPサンプル

ページ内のどこにいるかを分かりやすくナビしてくれるjQueryプラグイン「scrollNav.js」

2013年01月29日-はてなブックマーク

スポンサード リンク
scrollNav.js

ページ内のどこにいるかを分かりやすくナビしてくれるjQueryプラグイン「scrollNav.js」。
ページの見出しを<h1〜6>のタグで定義しているとして、見出しを自動でサイドバーに固定で出してくれて、カレント位置の見出しを太字にしてナビゲーションしてくれます。
当然、ナビ部分をクリックすれば指定位置までアニメーションしながらスクロールしてくれます。





コンテンツを追加した際も、ナビゲーションを変えなくていいので、とっても便利ですね
jQueryプラグインなので初期化するだけで利用もとっても簡単。

関連エントリ
関連の記事検索:jQuery, ナビゲーション, jQueryプラグイン
スポンサード リンク

By.KJ : 2013年01月29日 09:09 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)