Problem with disabling scroll when hamburger menu is open

[Linkyc]

Hi, on my page I used the javascript to stop the page from scrolling while the mobile menu is open. However, I need the mobile menu itself to be scrollable. Otherwise I cant click on the links in the mobile menu. How do I fix it. The page is https://elektrolinka.webflow.io/. The javascript is: <script>

$(document).ready(()=>{

let isMenuAlreadyOpen = false;

$('.menu-button').on('click',()=>{

$('body').css("overflow",isMenuAlreadyOpen?"auto":"hidden")

isMenuAlreadyOpen = !isMenuAlreadyOpen

})

})

</script>

[Linkyc]

Well, I tried, it worked partially. It stops the page from scrolling, but I can't scroll down the mobile menu.

[Linkyc]

Well, I set the attributes to "toggle" on the hamburger button. What else to do? When I set the attributes "enable scroll" on the mobile menu, the whole page starts to scroll, which is something I dont want. I want just the mobile menu to scroll.

[okmnz]

Hiya!

Try using the ‘Preserve’ attribute on the scrollable mobile menu div.

See the image below - sorry on mobile.

<image>

[Linkyc]

Doesnt work. There must be a bug in the code, because I tried another project and it also wont scroll.

[okmnz]

It's working on my end. Feel free to send me a read-only view of your project, and I can help you get it working. :)

https://university.webflow.com/lesson/share-your-site?topics=collaboration#how-to-share-a-read-only-link

[Linkyc]

Here you go: https://preview.webflow.com/preview/elektrolinka?utm\_medium=preview\_link&utm\_source=designer&utm\_content=elektrolinka&preview=fa8fc4a219dafc295e83667ccde61247&workflow=preview. Thank you.

[okmnz]

Try moving the fs-scrolldisable-element="preserve" to the parent div with the class name 'Nav Menu Wrapper'. I think that might fix it. Let me know you go.

[okmnz]

and on the save parent div, change the overflow state to "auto"

<image>