スマホサイトのメニューづくり

kobato

6年前

スマホサイトの制作にあたり、最近はどんなメニューが主流なのか調べることにした。
以前は3本線のハンバーガーメニューで下に伸びるアコーディオン式が多かったように思ったけど、最近はスルッと横から出てくるタイプもよく見かけるようになった。

今回は、横からスルッとでてくるドロワータイプのメニューを作ってみようと思う。

まずは、作り方をサーチ。
drawer.jpというのが使いやすいらしい。

http://git.blivesta.com/drawer/

でも、設置方法がいまいちよくわからない。
そこで設置方法を解説しているサイトをググってみた。
下の2つのサイトの解説がわかりやすかったのでメモ。

【jQuery】簡単にドロワーメニューを実装できる「Drawer」の使い方

JSを使わずにアニメーションしながら展開するドロワーメニュー(スライドメニュー)の実装方法