ドロップダウンするページ内スクロール用の固定ナビゲーションを実装する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>

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

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