[CSS]数が多くても同じ領域に表示するアコーディオン型のナビゲーション

第二階層の項目の数が多くても、同じ高さで表示する垂直方向のアコーディオン型のナビゲーションのスタイルシートをCSSplayから紹介します。

デモのキャプチャ

Vertical concertina scrolling menu

ナビゲーションの子の数が少ない場合はブランク、数が多い場合はスクロールを使用して表示します。

ライセンスは、個人サイトではコピーライトの明記、商用サイトでは寄付をしてほしい、とのことです。

確保するスペースが一定という利点はありますが、ちょっと操作がしにくいです。

sponsors

top of page

©2018 coliss