window.onscroll = function() { // Ottieni l'header var header = document.getElementById('magic-header');
// Imposta la soglia di scroll. Potrebbe essere la posizione di un'altra sezione. var offset = 100; // Aggiusta questo valore in base alle tue necessità.
// Aggiungi la classe 'onscroll' al tuo header quando raggiungi la soglia di scroll. Rimuovi 'onscroll' quando torni in cima. if (window.pageYOffset >= offset) { header.classList.add("onscroll"); } else { header.classList.remove("onscroll"); } };