jQueryのライブラリ drawer.js のスクロールできない問題への対処法

下記にリストした参考URLにあるように、2018年になってiosデバイスでjQueryのライブラリ drawer.js で実装したメニューがスクロールできないという事象をよく耳にするようになった。

その対策として drawer.css に overflow:auto; を追記した。

drawer.css

.drawer--top.drawer-open .drawer-nav {
  top: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

元ネタの参考URL
スマホのハンバーガーメニューでpositionにfixedを入れてスクロールできなくなる問題を解決

その他の対処法の参考
https://iritec.jp/web_service/13864/
https://teratail.com/questions/127838
https://tiltilmitil.co.jp/blog/891
https://sublimelife.hatenablog.com/entry/2018/06/21/183718