Раздвижная мобильная навигация переполнена

Question

Я работаю над мобильной навигацией для своего сайта и хочу, чтобы она скользила справа.

Вот макет:

https://codepen.io/rctneil/pen/OqzBjX

У меня проблема в том, что по умолчанию страница прокручивается вправо, когда навигация скрыта.

Я пытался добавить overflow: hidden к .mega-wrapper, который останавливает эту прокрутку, но также скрывает навигацию при нажатии кнопки переключения.

Есть идеи?

С уважением, Neil

Answer 1

Я думаю, что добавление переполнения: скрытое было хорошим шагом.Но после этого вам нужно позиционировать абсолютные mega-wrapper__mobile-nav и translateX mega-wrapper__wrapper и mega-wrapper__mobile-nav

Я сделал демо