今流行のドロワーメニュー。ハンバーガーマークを押したらニョキッと出てきてバッテンを押したらニョキッといなくなるやつです。 ソースはたくさん落ちていて、それ使っても良かったんですが軽量にしたかったのと、あまり機能もいらなかったので自分で書いてみました。 コンテンツ部分がグインっと動いたりしません。コンテンツにメニューがかぶさるだけです。 サンプルページ ソースダウンロード(ZIP) ※今回紹介するソースではWindowの右から出てきます。 $(function($) { WindowHeight = $(window).height(); $('.drawr').css('height', WindowHeight); //メニューをwindowの高さいっぱいにする $(document).ready(function() { $('.btn').click(function(){ //クリ
![たった10行でできる!ドロワーメニューの作り方 – やってみたら、できた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1fcee0701f176e92d0ce3339858fe66c9abd24a3/height=288;version=1;width=512/https%3A%2F%2Fi1.wp.com%2Fwww.narugaro.com%2Fcms%2Fwp-content%2Fuploads%2F2016%2F07%2Fcropped-site_id.png%3Ffit%3D512%252C512%26ssl%3D1)