カスタマイズ事例 ハンバーガーボタンとドロワーメニュー
このサイトのヘッダーにハンバーガーボタンとドロワーメニューを実装しました。
パソコンの場合は左からスライドして出てきます。
スマホでは上からスライドして下りてきます。
2022.4.27 ドロワーメニューのデザインに手を加えました
- アイコンを大きくして見やすいメニューにしました。
- マウスホバー時のアイコンアニメーションを設定しました。（アイコンごとに異なるアニメーションを設定してみました）
備忘録 メニューの設定
メニューの位置に Hamburger Menu を追加してこのメニューを表示していますので、お客様の側でメニューの追加・変更を容易に行うことができます。
MEMO
今回は addClass / removeClass を使用。他に、slideToggle を使う方法、fadeIn / fadeOut を使う方法などもある。
アイキャッチ画像付きドロワーメニュー
リンク先の固定ページに設定されているアイキャッチ画像を表示するメニューも制作可能です。
