Shrinking Header funktioniert nicht
-
Hi zusammen,
ich hoffe von euch jemand kann mir weiterhelfen. Mein Shrinking Header funktioniert nicht.
Hier mal der Link zur Seite: https://www.dyntec.de/referenzen/Mein Code:
header { position: fixed; width: 100%; background: transparent; top: 80px; left: 0; right: 0; z-index: 9999; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .shrink { background: red; /*background: #041927;*/ }
Java-Script:
$(document).on("scroll", function(){ if ($(document).scrollTop() > 150){ $("header").addClass("shrink"); } else { $("header").removeClass("shrink"); } });
Kann mir da jemand weiterhelfen?
- Dieses Thema wurde geändert vor 2 Jahren, 10 Monaten von .
- Dieses Thema wurde geändert vor 2 Jahren, 10 Monaten von .
- Dieses Thema wurde geändert vor 2 Jahren, 10 Monaten von . Grund: Formatierung als Code korrigiert
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
- Das Thema „Shrinking Header funktioniert nicht“ ist für neue Antworten geschlossen.