JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

JavaScript

var navi = $("#navigation"); //variable navi erstellen
 ths = "top-head-scrolled"; //ths die class top-head-scrolled geben welche später dann über css angesprochen wird
 hdr = $('header').height(); // hdr ist die höhe vom header
 $(document).ready(function() {
             $(window).scroll(function() {
                 if ($(this).scrollTop() > hdr) { //wenn  der wert von scroll top höher ist als der von hdr
                     navi.addClass(ths); // füge klasse ths der var navi hinzu
                 } else { //wenn nicht
                     navi.removeClass(ths); // entferne klasse ths 
                 }
             });
         }