How to fix background when popup is open

[Malixten (Malin Karlsson)]

I followed this guide:

[Tutorial] How to create a modal/pop-up in Webflow

Let me explain the code. First, let’s see the code used: $(document).ready(function() { $('.ButPlayDreamscapes').click(function() { $('.ModalBG').fadeIn(); }); $('.ButCloseModal').click(function() { $('.ModalBG').fadeOut(); }); }); Now let’s explain it. $(document).ready(function() { $('.button-class-here').click(function() { $('.popup-window-class-here').fadeIn(); }); $('.close-button-class-here').click(function() { $('.popup-window-class-here').fadeOut(); });…

Works great, but how do I make the rest of the page fixed and not scrollable when the popup is open?

[vincent (Vincent Bidaux)]

There are JS methods that a lot of people use, but I tried this CSS only method in Webflow recently and it worked great:

http://luxiyalu.com/scrolling-on-overlay/