Deine Frage-Antwort-Community
Frage stellen
    • Meinung des Tages: Versorgungslücke in der Kinderpsychotherapie – Systemfehler oder Einzelfälle?
    • Sollte Deutschland auch Militärparaden einführen?
    • Offene Beziehung - Was haltet ihr davon?
    • Würdet ihr euer Todesdatum wissen wollen, wenn ihr das jetzt könntet?
    • Wie schaffe ich es dass mein Partner die Küche aufräumt?
    • Alle Beiträge
    • Radiokooperation mit Absolut HOT 🔥
    • Meinung des Tages
    • Themenspecial: Weltraum & Raumfahrt (mit Dr. Volker Kratzenberg-Annies) 🚀
    • Blickwechsel: Deine Fragen an einen Hiphop-Newcomer
    • Ask Me Anything:
      Alle Blickwechsel
    • Ask Me Anything:
      Alle Themenspecials
    • gutefrage Tipps
    • gutefrage Highlights
    • Computer
    • Internet & Social Media
    • Kreativität, Freizeit & Hobby
    • Lokales, Reiseziele & Urlaub
    • Medien, Unterhaltung & Musik
    • Mode & Beauty
    • Software & Apps
    • Spiele & Gaming
    • Sport & Fitness
    • Alle Themenwelten
In wenigen Minuten
Antworten auf Deine Fragen.
Frage stellen
Du hast noch kein gutefrage Profil? Jetzt kostenlos erstellen
Profil Beiträge Antworten Antworten

verreisterNutzer

26.11.2023
Übersicht
0
Hilf. Antw.
1
Antwort
0
Beiträge
1
Danke
0
Komplim.
0
Freunde
Rike456
26.11.2023, 00:02
Nav bar farb wechsel?

Hi ich möchte gerne das meine navbar die farbe wechselt wenn ich scrolle, was ich auch geschafft habe aber ich möchte gerne das sie erst die farbe wechselt wenn ich bis zu einer bestimmten höhe scrolle, also nicht direkt wenn ich anfange zu scrollen. Was muss ich da tun? :))) Hoffe man versteht was ich meine

<script>
 document.addEventListener('scroll',() => {
    const header =document.querySelector('header');
    
      if (window.scrollY >4) {
      header.classList.add('scrolled');
    } else {
      header.classList.remove('scrolled');
    }
  })
</script>
...zum Beitrag
Antwort
von verreisterNutzer
26.11.2023, 11:59
document.addEventListener('scroll', () => {
  const header = document.querySelector('header');
  
  if (window.scrollY > 100) {
header.classList.add('scrolled');
  } else {
header.classList.remove('scrolled');
  }
})

Du fügst in der If Abfrage einfach die Anzahl der Pixel ein, die gescrollt werden müssen, bis es sich ändert. Im Beispiel jetzt 100.

...zur Antwort
gutefrage
  • Beitrag erstellen
  • Stöbern
  • Alle Themen
  • Hilfe / FAQ
  • Richtlinien
  • gutefrage Highlights
Partner
  • Businesspartner
  • Partner werden
Unternehmen
  • Über uns
  • Jobs
  • Kontakt
  • Presse
Rechtliches
  • Impressum
  • Datenschutz
  • AGB
  • Utiq verwalten
Weil es immer jemand weiß.
gutefrage ist so vielseitig wie keine andere Frage-Antwort-Plattform. Bei uns findest Du schnell neue Perspektiven - egal zu welchem Thema.
Gmacht in Minga. Mit
❤
Facebook Pixel