opgelost animated scroll header

Hallo,

Ik wil graag als ik een webpagina naar beneden scroll, de header laten animeren naar de helft, zodat je meer leesruimte over houdt. Ik heb al wel gezien dat je dat met een jquery kan doen, en met javascript. Ik heb echter geen enkel idee hoe je dat in de praktijk doet. Ik heb codes gevonden, bijvoorbeeld hier en hier . Maar waar zet je die code dan en moet je nog aparte bestanden aanmaken, of kan je dat ergens in je index.php file zetten?
Of is er een extensie die dit kan, helemaal makkelijk.
Kortom, wie kan mij bij het handje nemen om dit uit te leggen?

Ik heb het opgelost door de header op de volgende pagina's direct te halveren. Dan maar zonder mooi scroll effect.

Fijn dat het opgelost is.
Dank je wel voor de terugkoppeling.

Je kunt in de toekomst zelf na het terugkoppelen de topic sluiten door op de groene "Dit is de oplossing" knop te klikken.
Kijk ook hier even voor een volgende keer