Как создать правильный респонсив оверлей меню / responsive overlay menu?

Question

[tarthur]

Доброго всем времени суток!
По сабжу:
есть такая страничка
для мобильной версии если нажать на кнопку-бутерброд сверху откроется оверлей меню, но появится вертикальная полоса прокрутки, так как под меню есть контент.
Вопрос: нормальное ли это поведение для правильного оверлей меню или правильный как то избавляется от этой полосы?
Есть ли у вас есть плагины или хороший продуманный адаптивный код оверлей меню, поделитесь пожалуйста!

p/s.
есть неплохое меню: https://codepen.io/tarthur/pen/zZVogG
но опять же при добавлении контента под меню, там появляется аж 2 полосы прокрутки :))

Answer 1

[tarthur]

Добавить это меню: https://codepen.io/tarthur/pen/zZVogG
У body написать: body {overflow: hidden;}

Answer 2

[archelon]

при открытом меню
body {overflow: hidden;}