Slide Out Navigation Menuはスライドしながら表示されるナビゲーションメニューを実装できます。ハンバーガーアイコンをクリックすることで、横(モバイルでは縦)にスーッとスライドしながら伸びていきます。
Slide Out Navigation Menu
以下のページからSlide Out Navigation Menuの実際のデモ動作やコードをチェックできます。
デモではハンバーガーアイコンの部分をクリックすると、左から右へナビゲーションメニューがスライド表示されます。シンプルな操作性で、メニューを表示させたい時だけクリックすればOKです。メニュー表示中はハンバーガーアイコンの部分がバツ印に切り替わります。再度ここをクリックすると、スライドしながらメニューが閉じられます。
また、画面の横幅を縮小していくと横向きになっていたナビゲーションメニューが縦向きに変化します。スマホなどモバイルでは縦向きの方がレイアウト的に合っているので、こういう仕様もうれしいポイントですね。
というわけで、スライド表示するナビゲーションメニューを実装したい人は、ぜひ「Slide Out Navigation Menu」をチェックしてみてください。