Wat is een Sticky Koptekst/Voettekst?
Een sticky header blijft op dezelfde plaats aan de bovenkant van het scherm wanneer een gebruiker naar beneden scrolt op een pagina. Een sticky footer “blijft plakken” aan de onderkant van de hoofdinhoud wanneer deze korter is dan de hoogte van het viewport.
Meer Over Sticky Headers/Footers
Vaste kopteksten en voetteksten stellen gebruikers in staat om snel toegang te krijgen tot navigatie-elementen zonder naar de boven- of onderkant van de pagina te scrollen. Deze functies kunnen helpen om de gebruikerservaring (UX) van je website te verhogen.
Je kunt CSS vaste positionering gebruiken om de koptekst en voettekst vast te zetten op je pagina. Om dit te doen, voeg je gewoon de position: fixed; waarde toe aan je koptekst en voettekst code. Hierdoor zullen deze elementen “vastkleven” op hun plaats boven- en onderaan je pagina.
Je moet misschien ook padding toevoegen aan het hoofdgedeelte om te voorkomen dat het onder de kop en voettekst komt. Als alternatief kunnen sommige plugins en WordPress paginabouwers sticky kop- en voetteksten op je website instellen.
