Stop Page Scrolling when Side Navbar is Open

Heyy Guys,

What a great community!!

Please i need your help, I have designed a typical side bar which opens when clicking on an icon “Hamburger Icon” now when i click on it, everything works fine but the problem is when the user moves the mouse out side the designated area of the navwrapper “300px” and scrolls up or down, the page is still scrolling through the different panels of the page.

I need to stop the scrolling option when the icon is clicked and the side navwrapper is open and when its closed i want the scrolling to work back again.

Your help is very much appreciated, thanks alot :))

cheers :smile: ---------

Here is my public share link: LINK
(how to access public share link)