スマホサイトの制作にあたり、最近はどんなメニューが主流なのか調べることにした。
以前は3本線のハンバーガーメニューで下に伸びるアコーディオン式が多かったように思ったけど、最近はスルッと横から出てくるタイプもよく見かけるようになった。
今回は、横からスルッとでてくるドロワータイプのメニューを作ってみようと思う。
まずは、作り方をサーチ。
drawer.jpというのが使いやすいらしい。
http://git.blivesta.com/drawer/
でも、設置方法がいまいちよくわからない。
そこで設置方法を解説しているサイトをググってみた。
下の2つのサイトの解説がわかりやすかったのでメモ。
ドロワータイプのメニューで参照したサイト
ドロワーメニューをプラグイン無しで簡単に自作する方法https://mdstage.com/web/jquery/drawer-menu
第77回 スマホでドロワーメニューを実装する方法
http://coding-factory.com/cm/cm77.html
スクロールできちゃう!横からスライドして出てくるドロワーメニューの簡単自作サンプル【jQuery】
http://mugen00.moo.jp/web/jquery/drowermenu