jQuery script

Hvad mener du med synlig? Snakker vi css display eller visibility, eller om den er i viewport, eller om den overhovedet findes i DOM'en?

Og hvornår skal den tjekke? Kun ved page load, eller kan synligheden skifte? I hvilken forbindelse?

Hej,

Jeg tænker at der løbende skal tjekkes om .mobile_nav.opened:before findes i DOM.

Der er tale om en baggrund bagved en mobilmenu. Når brugeren åbner mobilmenuen ved at klikke på "hamburger ikonet", så bliver .mobile_nav.opened:before sat i DOM.

Hvis mobilmenuen er lukket, så hedder den bare .mobile_nav.closed:before. Det hele sker altså dynamisk og uden refresh af siden.

Her CSS til den DIV der er tale om, når klassen er aktiv:

.mobile_nav.opened:before {
visibility: visible;
background: rgba(0,0,0,.5);
opacity: 1;
}

- Det skal iøvrigt nævnes, at jeg har forsøgt at løse det med ren CSS men uden held. Hvis det kan løses med ren CSS så helt fint.

Det jeg ønsker er som sagt, at brugeren ikke kan scrolle ned på siden når .mobile_nav.opened:before bliver sat i DOM.

Der må være noget JavaScript, der sætter opened på mobile_nav og også tilsvarende fjerner den igen - kan du ikke sætte din noscroll her også?

Hvis det ikke er din egen js og det du benytter er lavet korrekt må der næsten være nogle events du kan lytte på.

Ja der er noget javascript i WordPress forældretemaet der skifter imellem mobile_nav.opened og mobile_nav.closed, alt efter om mobilmenuen er åben eller lukket.

Men hvis jeg sætter noget ind i denne fil, hvor alt er komprimeret (minified) og total uoverskuelig, så bliver det overskrevet ved næste opdatering af forældretemaet, med mindre jeg kopierer filen over i mit childtheme-bibliotek. Og en masse andet bliver også "styret" fra denne fil, hvorfor jeg havde håbet at der ikke skulle rodes med den.

Det kan stadig godt være at der bliver sendt nogle events afsted du kan lytte på - ellers kan du prøve at kigge på https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver