How to create a proper responsive overlay menu / responsive overlay menu?

Good time of day!
By sabzh:
there is such a page
for the mobile version if you click on the sandwich top to open the overlay menu, but will appear a vertical scroll bar because the menu have content.
Question: is that a normal behavior for the right overlay menu or the right as it gets rid of this band?
Do you have any plugins or good thoughtful adaptive code overlay menu, please share!

p/s.
there is a good menu: https://codepen.io/tarthur/pen/zZVogG
but again, when adding content under the menu, there appears already 2 scroll bars :))
June 27th 19 at 15:18
2 answers
June 27th 19 at 15:20
Solution
To add this menu: https://codepen.io/tarthur/pen/zZVogG
At the body write: body {overflow: hidden;}
June 27th 19 at 15:22
when you open the menu
body {overflow: hidden;}

Find more questions by tags HTMLCSSjQueryJavaScriptLayout