Houd blokken zichtbaar terwijl je scrolt

Een sticky element is een blok van je website dat ‘gefixeerd’ blijft wanneer een bezoeker naar beneden scrolt op je pagina. In deze handleiding wordt uitgelegd hoe je sticky elementen maakt met populaire voorbeelden voor knoppen, kopteksten en menu’s. Gebruik dezelfde stappen om alles op je site sticky te maken.

Om een blok of groep blokken sticky te maken, plaats je het blok (de blokken) in een groepsblok met een speciale ‘sticky’ positie-instelling. Volg deze stappen om een sticky element op je site te maken:

1. Ga naar het dashboard van je site.
2. Navigeer naar Pagina’s, Berichten of Weergave → Templates om de content te bewerken die je sticky wilt maken.
3. Selecteer Lijstweergave in de linkerbovenhoek van de editor. Het pictogram lijkt op drie horizontale lijnen boven elkaar.
4. Selecteer een bestaand groepsblok of maak een nieuwe.
   • Om snel een groep aan te maken, selecteer je meerdere elementen en klik je op de drie stippen (⋮). Selecteer vervolgens ‘Groep‘ om ze in een groepsblok te plaatsen.
   • Om sticky te zijn, moet een element zich in een positie op het hoogste niveau bevinden (d.w.z. niet genest binnen andere blokken).
5. In de instellingenzijbalk voor Groepsblokken, ga naar het gedeelte ‘Positie’ en selecteer de optie ‘Sticky’ in het vervolgkeuzemenu.
6. Klik op de knop ‘Opslaan‘ om de wijzigingen op je template toe te passen.

Meer informatie over het verder aanpassen van de stijl en lay-out van een Groepsblok waarin je sticky elementen zich bevinden.

Het maken van een sticky menu betekent dat het hele menu ‘gefixeerd’ blijft terwijl de lezer naar beneden scrolt op de pagina. Om een sticky koptekst aan te maken, volg je deze stappen:

1. Ga vanaf je dashboard naar Weergave → Editor.
2. Selecteer het tabblad Templates en klik op de template met je koptekst.
3. Klik op het pictogram Lijstweergave in de linkerbovenhoek van de editor.
4. Selecteer het Navigatieblok en zorg ervoor dat het een element op het hoogste niveau is. In de meeste gevallen is een Navigatieblok genest in een template-onderdeel van de koptekst of een vergelijkbaar lay-out-element, dus moet je het zelf verplaatsen.
5. Klik op de drie punten (⋮) naast het item Navigatieblok en selecteer ‘Groep‘ om het menu in een Groepsblok te plaatsen.
6. Stel in de zijbalk voor blokinstellingen de ‘Positie’ in op Sticky.
   • Je kunt ook de achtergrondkleur van de groep wijzigen, zodat de tekst van het menu leesbaar is terwijl het over verschillende content scrolt.
7. Klik op Opslaan.

Meer informatie over het verder aanpassen van de stijl en lay-out van een Groepsblok waarin je sticky elementen zich bevinden.

Een sticky koptekst blijft gefixeerd op het scherm terwijl je bezoeker door je site scrolt. Meer informatie over hoe je een sticky koptekst maakt.