スマホ用のハンバーガーメニューとして多く使われている「drawer menu」ですが、iPhone のいくつかの機種で不具合が発生しました。
不具合の内容は以下の2点。
- メニューにタッチすると、メニューが閉じてしまう。
- メニューの縦スクロールができない。
いろいろ調べて、いくつかの方法を試しましたが、なかなか直りませんでした。
最終的に解決できたのが、以下のサイトの方法でした。
iscroll.js と drawer.js をCDNから読み込まず、自前で用意し、かつ修正を加えるものです。
https://miraiteki.life/develop/2019/drawer-menu-bug-only-smartphone/