HOME >設計>ui>ドロワーメニュー(ハンバーガーメニュー)について

ドロワーメニュー(ハンバーガーメニュー)について

 ( post : 2016.01.29 )

ドロワーメニューを自分で作ろうとしたのですが、なかなか上手くいかないので既存のライブラリを利用しようと考えています。

ドロワーメニューを紹介しているサイト

検討してみたいライブラリ

メニューだけをスクロールさせたい

ブラウザのウィンドウサイズよりもメニュー項目が多い場合、画面全体ではなくメニューだけをスクロールさせたいのですが、各ライブラリのデモを見ているとスクロールできないものがほとんどのような。Drawerで利用されているiscrollを利用すればできるのかな?

iScrollの使い方 – Qiita

iScrollの使い方 – Qiita

概要スマホWebサイトを作成する際に、ヘッダ、フッタを固定して、コンテンツ部分はスクロールさせたいと思いました。 ヘッダの固定は特に問題なく...

(追記)
メニューだけをスクロールさせる方法はcssのoverflow:auto;とheight:100vh;を組み合わせれば出来そうな感じ。ただ高さの単位vhが一部のAndroidブラウザで非対応のようなのでもう少し考えてみます。