jQueryプラグイン：flexnavi

シンプルなコーディングで、サイドナビをスクロールにあわせて追従させるjQueryプラグインです。

gomaサイトでも使われているプラグインですが、様々な構造のサイトに対応するように作りました。

demoページでは、スクロールした時にサイドナビの上部が表示されるサンプルですが、サイドナビの下部を表示するようにもカスタマイズできます。

• サイドナビの下部を起点にするサンプル

サンプルコード

HTMLコード

<div class="contentWrap">
	<div class="mainContent">
		<p>メインコンテンツ</p>
	<!-- mainContent --></div>
	<div class="sideContent">
		<p>サイドコンテンツ</p>
	<!-- sideContent --></div>
<!-- contentWrap --></div>

JavaScriptコード

jQuery(function($){
	$('.contentWrap').flexNavi();
});

オプション

情報