jQuery・実務で必要な12項目をクリアしたレスポンシブドロワーメニューを作りました [IE11以上]2017/07/29 余計なCSSを削除し、jQueryの見直しを行いました。 2017/01/29 Mac OS・Safari限定でスクロール不可に。Mac版Safariはクソブラウザ化しているので放置。 ※iOS、Androidは問題なし。 2015/10/16 発火後にリンクへ飛んでしまうバグを修正 2015年9月時点における、ドロワーメニューの実務要件を考えた。 Android 4.1 で動作するPCのクリック / スマホのタップ、両方に対応スマホアプリのように滑らかにスライドスマホでタップすると、一瞬で開閉するオーバーレイをクリックで戻る閉じるボタンも設置トリガーボタンを複数設置可オープン時、ドロワーメニュー部分のみスクロール ※コンテンツ側のスクロール無効ドロワーメニューの横幅をCSSで変更可 ※レスポンシブviewport に余計なコードを追加しない意味不明なHTML/CSS
![jQuery・実務で必要な12項目をクリアしたレスポンシブドロワーメニューを作りました [IE11以上]](https://cdn-ak-scissors.b.st-hatena.com/image/square/70ed47a51176ee01a65443ac18c45363990ced39/height=288;version=1;width=512/https%3A%2F%2Fkeitahirai.net%2Fwp-content%2Fuploads%2F2015%2F09%2F0.jpg)
