Jak zablokować przewijanie na stronie, gdy użytkownik otworzy pop-up

Domyślnie, gdy otworzysz wyskakujące okienko lub menu i zaczniesz przewijać, główna zawartość również się przewinie. W Webflow nie ma natywnej funkcji, która rozwiązałaby ten problem. Można to jednak zrobić, za pomocą poniższego skryptu JavaScript.

Wystarczy, że umaścisz go przed tagiem zamykającym </body>.

Następnie klasę menu-btn, podmieniasz na klasę Twojego, przycisku, który otwiera pop-up.

I na koniec w miejsce klasy .close-menu-btn, wpisujesz klasę swojego przycisku, który zamyka pop-up.

Wróć

Podobne Code Snippets

Chcesz być na bieżąco?
ZAPISZ SIĘ DO NEWSLETTERA!

Dziękuję za zaufanie i zapisanie się na Newsletter! Został jeszcze jeden krok. Zajrzyj na swoją pocztę
i potwierdź maila. Miłego dnia :)
Oops! Something went wrong while submitting the form.