document.addEventListener('DOMContentLoaded', function() { // 1. Element abrufen const header = document.getElementById('minimal-header'); // 2. Schwellenwert in Pixel festlegen (400px) const scrollThreshold = 500; // 3. Funktion zur Überprüfung der Scroll-Position function checkScroll() { // window.scrollY gibt die vertikale Scroll-Position in Pixeln zurück if (window.scrollY >= scrollThreshold) { // Fügen Sie die Klasse hinzu, um den Header einzublenden header.classList.add('is-visible'); } else { // Entfernen Sie die Klasse, um den Header auszublenden header.classList.remove('is-visible'); } } // 4. Event Listener hinzufügen window.addEventListener('scroll', checkScroll); // Initialen Check beim Laden der Seite durchführen (falls die Seite bereits gescrollt geladen wird) checkScroll(); });