javascript code werkt perfect behalve custom page.php?

Hallo,
ik deze javascript code in footer.php en het werkt perfect.

<script>
const header = document.querySelector('header');

window.addEventListener('scroll', () => {
    if (window.scrollY > 24) {
        header.classList.add('change');
        change.style.display = 'initial';
        change.style.marginTop = '-104px';
    } 
	
	else {
        header.classList.remove('change');
        change.style.display = 'none';
    }
})

</script>

de bedoeling is wanneer iemand scrolt naar beneden de header wordt veranderd.
nu de probleem is ik heb custum cotact.php en custom contact-form.php bestanden.
de custom-form.php is included in contact.php .
dus deze javascript code werkt niet in contact pagina . tijdens scrollen de header wordt niet vervangen met andere header . dus ik moet deze javascript code aanpassen of plakken ergens in contact.php of contact-form.php .

ik wil weten wat is de beste manier om zonder dubble code te schrijven laten deze javascript code richten op contact pagina ook.

dank u wel

• Dit onderwerp is gewijzigd 2 jaren, 10 maanden geleden door Jeroen Rotty. Reden: Opnieuw code blok moeten oplossen - graag je code tussen 1 backtick zetten via de knop, het makkelijkste is door je code te selecteren en dan de knop te gebruiken. Laatste waarschuwing

De pagina waar ik hulp bij nodig heb: [log in om de link te zien]