Hello tout le monde 👋

J’utilise un hamburger menu en plein écran (100svh) sur tous mes breakpoints, y compris sur desktop.
Je souhaite désactiver le scroll du body quand le menu est ouvert.

Voici ce que j’utilise :

body:has(.nav_wrap .w-nav-button.w--open) {
overflow: hidden;
}

Ça fonctionne, mais j’obtiens un shift du layout à cause de la disparition de la barre de scroll.
J’ai tenté ce contournement, mais la nav bar bouge toujours :

html {
scrollbar-gutter: stable;
}

Au final, je pense à l’appliquer au mobile uniquement et laisser le scroll sur desktop.

Auriez-vous une meilleure idée?

Merci d’avance pour votre aide 🙂