Ondersteuning » Code oplossingen gezocht » 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 4 maanden, 3 weken 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]

1 reactie aan het bekijken (van in totaal 1)
  • Thread starter johannes999

    (@johannes999)

    ik wil weten of dat kan van wordpress pagina’s var of const maken in JS. of conditions creeren.
    ik weet dat JS gebruikt maakt van ID”s en Klassen.

1 reactie aan het bekijken (van in totaal 1)