Как сделать такое меню для мобильной версии сайта?

Question

[Александр Ф]

Здравствуйте. Подскажите плагин или как сделать такое меню, как на этом сайте: https://www.novayagazeta.ru
Интересует именно полноэкранном меню и скрытие тела сайта.

Answer 1

[Егор Живагин]

Почему checkbox-hack - то?) Просто по клику открывается меню (вариантов как сделать - масса) , которое css-ом растянуто по ширине на весь экран + overflow-y: scroll + body { overflov: hidden }
Примерно
Как модальное окно, короче. Это можно очень быстро нагуглить

Comments

[Александр Ф]

Знаю способ со псевдоклассом :target. Но тогда это лишает возможности использования кнопки назад браузера

[Егор Живагин]

Алексий Ф: зачем?) JS + jQuery, click, $('body').addClass('open') / removeClass('open') или toggleClass('open') . А для класса open уже пишутся нужные стили на body и на меню - body.open .menu_class { ...

[Александр Ф]

Егор Живагин: понял. Я подумал, что ваше решение продолжение решения сверху

Answer 2

[DanTheMan]

Попробуйте на сайте нажать Inspect и вы увидите весь код

Comments

[DanTheMan]

А если бы вы знали css на изи сделали б

[Александр Ф]

DanTheMan: вы про checkbox-hack?

[DanTheMan]

Вам помощь нужна? Если да, то скажите, могу сделать похожее, но платно

[Александр Ф]

DanTheMan: нужна именно помощь и толчок в нужную сторону, а не сделать за меня. Но за предложение спасибо!