横から出てくるパネル(スライド)メニュー

2014年11月29日(土)

a0001_017623最近いくつかスマホで横から出てくるスライドメニュー(ドロワーメニュー?)案件があり、色々調べたのでメモメモ。
右開きや、メニューの中身の方が多い場合のスクロール問題、機種特有問題等、試しては駄目の繰り返し。

横から出てくるスライドパネル(ドロワーメニュー)

Sidr

今一番流行ってるのか??実装についての情報が充実してるイメージ。
左からメニューが出てくる場合、または出てくるメニュー部分がページ本体より短い場合ならこれでOK。(以下のサイトに詳しくまとめられてますが、Androidだと右メニューの時にスクロールできない問題があるようです。)

やっぱり皆さん色々試行錯誤されてるようですが、人さまの色々試した情報(これ使ったらこうだった的まとめ)は大変ありがたいですねー。

drawer

これは…どうだったっけ…右から出るのが出来なかったんだっけな(忘却)。

mmenu

実装してみたところ、メニュー開閉ボタンを固定する使い方さえしなければ問題なかったです。メニュー開閉ボタン固定→ページスクロール→メニューを開く→メニューを閉じる→ちらつく。

jQuery Mobile。

結局思い通りの動きはJqueryMobile。

しかし、別の部分で色々調整が必要になるから、このためだけにjQueryMobileとか嫌なんですよね…。

とりあえずjQueryMobileの問題を解決する色々など。

その他、気になる&時間があったら是非試したい

6c036910c8260e2617f33f2b15a53add_s

もう、毎回一々試してやってみるの面倒なので、この動きにはこのスクリプトで、もう決まりっ!として欲しい…。

このエントリーをはてなブックマークに追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このページのTOPへ戻る