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