ドロップダウンするページ内スクロール用の固定ナビゲーションを実装するjQueryプラグイン・fixedTOC

個人的に使いそうなのでメモ。
よくあるページ内スクロールを
固定させてドロップダウン式に
するjQueryプラグインです。
これはなかなか実用性があると
思います。

プラグインとしてはちょっと今更感あるかもですけど。

fixedTOC

位置固定+ドロップダウン+アコーディオン+ページ内スクロール、みたいなやつです。結構いいんじゃないかなと感じました。

サンプル用意しました。

Sample

コード

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jquery.fixedTOC.js"></script>
<script>
$('#toc').fixedTOC({
	menuOpens: 'click', // or 'mouseenter'
	scrollSpeed: 1000,
	menuSpeed: 300,
	useSubMenus: true,
	resetSubMenus: true,
	topLinkWorks: true
});
</script>

本体とプラグインを読み込んで設定。見れば分かると思うので説明は割愛します。

時間が無いので今日はこの辺で。

Fixed Table of Contents Drop-Down Menu (jQuery Plugin) | Impressive Webs