Avatar billede MissVinter Novice
17. februar 2018 - 11:53 Der er 3 kommentarer og
1 løsning

Ændring af styles på navigation, når man scroller - Wordpress

Hej.

Jeg er i gang med at lave et Wordpress site, hvor jeg kunden, at navigationsbaren har en transparent background, når man er på toppen af siden (som nu), men skifter til sort, når man scroller. Et eksempel på dette ses her: https://iihnordic.dk


Her er det site, jeg arbejder på, så I kan se filerne: http://vinter.photography


Håber meget på hjælp, da jeg har brugt enormt lang tid på at finde en løsning - uden succes indtil videre :)
Avatar billede keysersoze Guru
17. februar 2018 - 13:20 #1
https://codepen.io/jdlaplan/pen/lboeD er bare ét eksempel men der er masser andre - en ting man måske kunne overveje i forhold til dette eksempel er om man skulle håndtere noget debounce/throttle https://css-tricks.com/debouncing-throttling-explained-examples/
Avatar billede MissVinter Novice
17. februar 2018 - 14:24 #2
Hej keysersoze.

Tusinde tak for input. Et eller andet gør jeg forkert. Nu har jeg prøvet at skrabe det helt ned til at fungere bare på en ren html-side. Men det vil stadigt ikke fungere. Jeg har forsøgt både at lægge scriptet lige efter body-tagget og til slut inden </body>. Men intet virker. kan du regne ud, hvad jeg gør galt? Du kan se det her: http://localhost/test/

Dbh :)
Avatar billede MissVinter Novice
17. februar 2018 - 14:24 #3
Avatar billede keysersoze Guru
17. februar 2018 - 14:50 #4
Benyt din developer toolbar - så kan du se hvad der fejler. Eksemplet benytter jquery så det skal du inkludere - eller finde et tilsvarende vanilla js eksempel.

http://www.soze.dk/miniblog/bliv-en-hurtigere-webudvikler-med-browservaerktoejer/
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester