Ich sehe vor lauter Bäumen den Wald nicht mehr

[Gunnar Bittersmann]

@@Camping_RIDER

  if(window.pageYOffset > 0 && !document.body.classList.contains("fixed-header-on")) {
    document.body.classList.add("fixed-header-on");                 
  } else if (window.pageYOffset == 0 && document.body.classList.contains("fixed-header-on")) {
    document.body.classList.remove("fixed-header-on");
  }

Die Abfragen document.body.classList.contains("fixed-header-on") sind überhaupt nicht nötig, da in add() bzw. remove() bereits enthalten.

---

Die transition-Angaben mit vendor-prefixes tun dasselbe und werden in aktuellen Browsern sowieso durch die Zeile ohne vendor-prefix überschrieben.

Die transition-Angaben mit vendor-prefixes sind größtenteils unsinnig. -ms-transition hat es nie gegeben, -moz-transition und -o-transition sind seit Ewigkeiten völlig irrelevant.

Lediglich -webkit-transition mag für alte Android-Browser und den UC-Browser noch Berechtigung haben (je nach Zielgruppe).

LLAP 🖖