- このトピックには15件の返信、2人の参加者があり、最後に
により5年、 10ヶ月前に更新されました。
-
投稿
-
お世話になります。
Snow Monkey v4.4.20 にアップデートしたところ，
・メニュー領域以外のタップで閉じない（アップデート前と同じ）
・右上のメニュー（開く閉じる）が効かない
となりました。
もともとフッター固定メニューにドロワーメニューの特殊リンク，ドロワーメニューに閉じるを設置していたので，現在はそれで開閉をしのいでいます。
いいねをした人: 居ませんうーん、なんでだ。。。 iOS 9.1、12.1 でテストしてみたのですが、いずれでも動作していました。
キャッシュを削除しても状況は変わらないでしょうか？ キャッシュプラグインやサーバー/ブラウザキャッシュを使っている場合はそのキャッシュも削除してみてください。
また、Snow Monnkey 公式サイトを見ても同じくハンバーガーボタンは動作しないでしょうか？
いいねをした人: 居ません取り急ぎ，Snow Monnkey 公式サイトを見たら，開閉はしました。
ただ，開くも閉じるも，タップしてから１秒くらい間があります。
一瞬，反応しないかな？といった感じです。
こちらの環境でも，後で再確認してみます。
いいねをした人: 居ません今確認したら，こちらの環境ではやはりハンバーガーメニューが反応しません。
因みに，反応が遅いのは右上のハンバーガーメニューだけで，フッター固定メニューに設置した特殊リンクは，素早く反応します。
あと，領域外タップでの閉じるは，バックにあるものが影響している感じです。
例えば，こちらでは，widget「スライダー」の時は反応しますが，その他のwidgetの時に反応しない状態です。
いいねをした人: 居ませんその後，こちらの環境で検証したことろ，原因はドロワーナビ内に設置した閉じるための独自リンクだと判明しました。
結果，
・ドロワーナビの領域外でのタップで閉じない →Snow Monkey v4.4.20 で解消
・こちらの環境でハンバーガーメニューが効かない →ドロワーナビ内に独自に設置した閉じる独自リンク削除で解消
・開閉のスピードもこちらでは問題ないレベル
となりました。
因みに，ドロワーメニューを開く特殊リンクは知っているのですが，閉じる特殊リンクはあるでしょうか。
携帯を左手だけで操作する場合など，ドロワーの中に自由に設置できる閉じるメニューがあると便利だったもので。
よろしくお願いいたします。
いいねをした人: 居ませんお世話になります。
#sm-drawer は，フッター固定メニューで利用しているのですが「開く」ものと思い込んでいました。
早速，ドロワーナビ内に設置できました。ただ，フッター固定メニューとは仕様が違うのかフルパスで指定する必要がありました。
また一つスッキリできました。
あと，直ったとご報告したドロワー外部分のタップによる閉じるですが，やはり見ているページの上下の位置などにより，閉じないが発生しました。
因みに，当方の環境からでは，当方のサイト，Snow Monnkey 公式サイト，共に右上のハンバーガーメニューがFirefoxで死んでいます。
いいねをした人: 居ませんあと，直ったとご報告したドロワー外部分のタップによる閉じるですが，やはり見ているページの上下の位置などにより，閉じないが発生しました。
多分 CSS の重ね順（
z-index）の問題かなーという気がしますので、具体的にページの URL や、この部分など教えていただけると調査できるかと思います。因みに，当方の環境からでは，当方のサイト，Snow Monnkey 公式サイト，共に右上のハンバーガーメニューがFirefoxで死んでいます。
Firefox、僕の方でも確認できました。ちょっと JavaScript の処理が他のブラウザと違うのかなーという感じです。調べてみますね。
いいねをした人: 居ませんお世話になります。
Firefoxで修正確認しました。
あと，ドロワー以外の部分のタップで閉じないについて
多分 CSS の重ね順（z-index）の問題かなーという気がしますので、具体的にページの URL や、この部分など教えていただけると調査できるかと思います。
他の方から報告がないことからこちらの環境だけかな？という気もしますが，時間があるときに該当部分などご報告させていただきます。
日頃のアップデートお疲れさまです。
いいねをした人: 居ませんこれまでは body をクリックしたら閉じる、というふうにしていたのですが、それだと iOS Safari では閉じれなかったので、v4.4.24 では、ドロワーを開いたときにページの全面（ドロワーよりは下層）に、
.c-drawer-close-zoneという要素を置くようにして、それをクリックするとドロワーが閉じるようにしました。検証用に、
.c-drawer-close-zone { background-color: #000; }のようにすると、どこが閉じれる範囲か確認しやすくなるかと思います。
.c-drawer-close-zoneはヘッダーよりは下層になるようにしていますが、他の要素のz-indexとの兼ね合いによっては、ヘッダーと.c-drawer-close-zoneのz-indexの値も見直したほうが良いかもしれませんね。日頃のアップデートお疲れさまです。
ありがとうございます！
いいねをした人: 居ません
- トピック「ドロワｰメニューがメニュー以外の部分のタップで閉じない」には新しい返信をつけることはできません。