Avoid the scroll bar when mobile menu appears [Webflow Tutorial]

[@Astendor]

I tried methods from the forum, asked ChatGPT and watched videos. No solution was working. This is the ONLY working one i have found. Thank you very much.

[@reviewmania1322]

[@badboujee]

OMG THANK YOU! This is exactly what I needed. A simple and elegant solution :) I searched around quite a bit and all the other solutions were unnecessarily complicated or not working for me. You just saved me so much time with this video!

[@ArtfulUI]

awesome tutorial! thank you for sharing🙏

[@lanamazurkevych]

I knew that I should use overflow-hidden, but I am very bad in JS coding and were searching for a solution. Thank you for sharing your tips!🥰

[@gorinpav]

This is awesome! Thank you for this tutorial. BUT this wont work if you're using a menu button with a lottie animation instead of a "close" artwork. I deleted the second line that affects the close artwork and it works. When you tap the animated button to close the menu it reverts to the previous body state with overflow.

[@raze.de.lumina]

Did the same thing and IT WORKS. Thanks for leaving this comment ;) Super helpful

[@madampresident6261]

Thank you!! I was having the same problem!

[@eli.shmerler]

Thanks for those tutorials you make. Much appreciated.

[@AlVision]

Glad it can be helpful 🙏

[@topemeister3000]

Excellent tutorial, bro. Impeccable attention to detail. Cheers!

[@rayanesaada5080]

how do I do this when I have added the navbar from the components menu?

[@pablogubelin2521]

Thanks bro

[@rinatsirazetdinov7474]

thanx bro!

[@pedrolacueva]

God...... try to open the nav and INSTEAD of clicking on (X) please click inside any link in the menu..... OVERFLOW HIDDEN REMAINS - bad resolution here

[@brunoeric]

you need to create a function that removes .no-scroll. Set on click event to trigger that function in each navigation link of the menu.

[@RocknRollCEO]

Pretty sure I saw the scroll bar just as the mobile phone was fading out at the end...

[@AlVision]

That scroll bar is disappearing right after you open the menu. So the scroll fades away and the menu doesn’t scroll anymore

[@RocknRollCEO]

@@AlVision Understood.