Fixed позиционируются мобильное меню не вертикально прокручивать

Question

Вот мой правый мобильный CSS меню:

.mobile_header_menu { 
    position: fixed; 
    height: 100%; 
    width: 280px; 
    background: #fff; 
    right: -280px; 
    top: 0; 
    z-index: 999999; 
} 

Когда значок гамбургер нажата, некоторый JS изменяет правильное значение 0, что делает меню приходя из-за пределы экрана (справа боковая сторона).

Проблема: если меню выше экрана, его нельзя прокручивать. Используя фиксированный, а не абсолютный, я могу прокручивать, но теперь меню всегда отображается справа с помощью горизонтальной полосы прокрутки.

Как можно прокручивать меню, не будучи всегда видимым?

Answer 1

Добавить overflow: auto в .mobile_header_menu