個人的に使いそうなのでメモ。
よくあるページ内スクロールを
固定させてドロップダウン式に
するjQueryプラグインです。
これはなかなか実用性があると
思います。
プラグインとしてはちょっと今更感あるかもですけど。
fixedTOC
位置固定+ドロップダウン+アコーディオン+ページ内スクロール、みたいなやつです。結構いいんじゃないかなと感じました。
サンプル用意しました。
コード
< 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