Streaming live at 10am (PST)

Modal pop-up script shifts background slightly

Hi,

I am working with a pop up modal which works fine without the script.
With the script the modal works to lock the background. What happens in the process is that it shifts the background slightly.

My question is how to do I make the background not shift?
(Note without the script it does not shift and looks fine.)

Page example: https://e-commerce-store-3.webflow.io/products/black-ash-2
The button to open the modal is called: “Pre-order” on the page.

Thanks for the help,
Philipp


Here is my site Read-Only: https://preview.webflow.com/preview/e-commerce-store-3?utm_source=e-commerce-store-3&preview=f02cfba7d3f55727c62d052f78922dfb&mode=preview

Hi Phillip,

I know this behavior ! Had some experience with it also. It is because of the scrollbar being removed by applying overflow:hidden.

My suggestion is a different method of disabling the scrolling. Something like this:
https://codepen.io/wesleypimentel/pen/KpgXJW

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.