• かちびと.net

    ドロップダウンするページ内スクロール用の固定ナビゲーションを実装するjQueryプラグイン・fixedTOCのご紹介。なかなか使えそうです。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

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

URL :
TRB :

Ads

Posts

Contact

Services