Prevent default scrolling | Hamburger menu

Hi there :slight_smile:

I am looking for a custom code solution to prevent the default scrolling behaviour when a user clicks on the hamburger menu… I found a really interesting answer on the forum:

EDIT:

I tried it out and it almost worked… the only issue is on mobile:
When a user clicks the open button, everything works fine, the user can scroll the overlay element. Then, when the user clicks on the close button, everything closes as expected but it is only possible to scroll the page with two fingers instead of one finger (!) I guess it might be caused because I use webflow on scroll interractions to reveal/hide the nav bar.

My question is:

How can I enable the scrolling on mobile device with one finger only instead of two ?
PS: I tested in my android phone.

Here is my read only link:

https://preview.webflow.com/preview/further-main-nav-v-2?utm_source=further-main-nav-v-2&preview=07d6bb6ed300f966bc15c03e6d4f3d6a

Any idea ?
Thank you so much for your help !

Anthony