How to block scrolling when menu open?

[Drover (AURELIEN)]

Hi,

I would like to block scrolling on the page when my left menu is open. Is that possible to make? If yes, could you let me know how to make it.

Thank you in advance for your help,
Aurélien

---

Here is my site Read-Only: https://preview.webflow.com/preview/dcproject?utm_medium=preview_link&utm_source=dashboard&utm_content=dcproject&preview=264a791c40b4a0aed19800d078ce1bfc&workflow=preview

[Drover (AURELIEN)]

Is someone can have a look for us, please?

[spirelli]

This has been discussed here before. Here a couple of examples, but you’ll find other threads if you search some more.

How to prevent body from scrolling when modal window open

How can one prevent scrolling when the off-canvas menu is open? I want the focus to be on the content of the nav menu when it’s open, so I want to limit/lock the visitor’s ability to scroll and distract themselves. The off-canvas nav menu (hamburger button) right here is a perfect example. Is this something that can be done in Webflow?

Disable Scroll when Fullscreen Menu is Open

Hi all, So I recently added this smooth scroll script, so I had to put all contents into a div block. Now I’m facing a problem where when the menu which is (fullscreen) still allows to scroll even though I have set its position to fixed. Any help would be much appreciated! Kind regards, Karl Here’s a link to my site: https://laurmedia.webflow.io/ Here is my site Read-Only: https://preview.webflow.com/preview/laurmedia?utm_medium=preview_link&utm_source=dashboard&utm_content=laurmedia&pr…

Modal toggle body scroll on/off with only one button

Hi everybody! I really used the search function here, but I am still having one issue with preventing scrolling when a modal is open. I saw and used this solution here: https://webflow.com/website/Lock-Body-Scroll-Including-iOS?s=body-scroll-lock It works really fine, on all browsers and mobile, but in this example, two buttons are used to open and then close the modal. But I only have one. On mobile it works, but not on desktop. When I open the modal, I can not scroll (this is what I want) …

Finsweet Class Adder Webflow Interactions Tool

[Drover (AURELIEN)]

Hi @spirelli,

I managed to stop my body page scrolling while my side menu is open thank to your script.

After implementing the piece of javascript that I find in the related topic, none of my CTA in my side menu is working. I checked under the designer panel and all CTA are properly link to the page I want.

Any idea on how to resolve this issue, please? It’s quite urgent as users can’t use my website…

Many thanks for your time,
Aurélien

Preview URL: Webflow - Drover Club

Live URL: https://www.droverclub.com/

[Drover (AURELIEN)]

As it’s blocking my users experience, I decide to keep the code only on the contact page if you need to have a look.

Please find attached script added.

Many thanks for your time given,
Aurélien

[Drover (AURELIEN)]

Hi,

Anyone to help, please?

[spirelli]

Could also take a look at this implementation that I’ve just come across.

Finsweet Class Adder Webflow Interactions Tool

[Drover (AURELIEN)]

Thank you Spirelli! Problem resolved

[Stan (justAnotherDeveloper)]

@Drover

After implementing the piece of javascript that I find in the related topic, none of my CTA in my side menu is working

HI @Drover I didn’t look on your site what you have done but next time you can try add and remove fixed element interaction with attention to z-index What I mean that nav should have highest z-index this mean higher than fixed element preventing scroll. It is very easy to setup without need of extra library.

m2c