drawer.jsでスマホ用メニューを追加したがスクロールしない
drawer.jsを使用して、スマホ用メニューを追加したが、スクロールしないため下のほうのメニューが押せない状態になっている。
対策:drawer.jsに追加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; }