タグ

ブックマーク / www.narugaro.com (1)

  • たった10行でできる!ドロワーメニューの作り方

    今流行のドロワーメニュー。ハンバーガーマークを押したらニョキッと出てきてバッテンを押したらニョキッといなくなるやつです。 ソースはたくさん落ちていて、それ使っても良かったんですが軽量にしたかったのと、あまり機能もいらなかったので自分で書いてみました。 コンテンツ部分がグインっと動いたりしません。コンテンツにメニューがかぶさるだけです。 サンプルページ ソースダウンロード(ZIP) ※今回紹介するソースではWindowの右から出てきます。 スクリプト 使うのはこの10行。 ※jQueryを読み込んでおいてくださいね。 $(function($) { WindowHeight = $(window).height(); $('.drawr').css('height', WindowHeight); //メニューをwindowの高さいっぱいにする $(document).ready(funct

    たった10行でできる!ドロワーメニューの作り方
  • 1