前提・実現したいこと
スマホのハンバーガーメニューで
Drawer.jsとiScroll.jsを使って
横からメニューがでるようにしています。
http://git.blivesta.com/drawer/
Drawer.jsの作者のページ
https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.js
Drawer.jsのコード
https://github.com/cubiq/iscroll/blob/master/build/iscroll.js
iscroll.jsのコード
https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.css
drawer.cssのコード
iOS15にバージョンアップして新しいSafariにしたところ
メニューをスクロールさせようとすると
すぐに閉じるようになってしまいました。
(ゆっくりスクロールさせると閉じにくい)
ios15のchromeや、Androidのchrome、PC(Win10)のchromeやedgeでは問題なく動きます。
iOS15になりsafariのデザインが刷新されたことが
原因だと思われますが・・。
どのように解決すれば良いか分かりませんので
お知恵を借りることができれば嬉しいです。
試したこと
https://teratail.com/questions/127838
(Drawer.jsの動きが急におかしくなった)
→上記の通りに修正すると症状が悪化します。現在は上記の修正は不要だと思います。
https://cruw.co.jp/blog/drawer-js-bug/
(Jqueryプラグイン「drawer」でiPhoneのスクロールができない問題対処法)
https://sublimelife.hatenablog.com/entry/2018/06/21/183718
(jQueryライブラリ「drawer.js」のスクロールがおかしくなった)
などの解決策を試しましたが直りませんでした。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。