Hallo,
ik heb deze script en 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 bedoeiling is wanneer ik scrol down the header veranderd naar andere form. het is helemaal OK.

ik heb custom contact.php page gemaakt met bedoeling voor contact-form en deze pagina ik gebruik als default voor mij contact page.
ik zie dat de script boven erkend niet deze custom contact.php pagina .
mij vraag is: is het mogelijk met paar codes toevoegen op bovensste voorbeeld laten javascript erkennen de custom contact page.

bijvorrbeeld : als alle pagina's bestaan & page.php pagina bestaat voer deze code boven?
is dat mogelijk als ja hoe ?

dank u wel
Mogelijk mis je de header-tag?
de header tag bestaat overal.
ik wil alleen weten kunt u ook met javascript pagina's targeten in conditions?
pagina's zijn geen klassen of iD 's .

Reageren