// Definisci l'elemento che stai osservando (nel tuo caso, l'elemento con id 'title-100%') let target = document.getElementById('title-100%');
// Definisci l'elemento a cui desideri aggiungere la classe (nel tuo caso, l'elemento con id 'magic-header') let header = document.getElementById('magic-header');
// Crea un'istanza di Intersection Observer let observer = new IntersectionObserver(function(entries, observer) { entries.forEach(entry => { // Quando l'elemento esce dal viewport, aggiungi la classe if(!entry.isIntersecting) { header.classList.add('elementor-sticky--effects onscroll'); } // Quando l'elemento entra nel viewport, rimuovi la classe else { header.classList.remove('elementor-sticky--effects'); } }); });
// Osserva l'elemento observer.observe(target);