Dit is een premiumfunctie en beschikbaar in versie 4.0.1+

Scrollende ankerlinks op dezelfde pagina zijn links die naar een specifieke locatie op dezelfde pagina verwijzen. Wanneer je op een link op dezelfde pagina klikt, scrolt je browser naar het aangewezen gebied.

Je hebt twee dingen nodig om een ankerlink op dezelfde pagina te maken:

1. Een aangepaste class of een aangepast ID op een element, en
2. Een link of knop die verwijst naar de aangepaste class of het aangepaste ID

1. Een aangepaste class of een aangepast ID op een element

Kies een willekeurig element onderaan je pagina en open de eigenschappen ervan. Voeg in het geavanceerde gedeelte een aangepaste class of aangepast ID toe met de naam ” go_here“

2. Een link of knop die verwijst naar de aangepaste class of het ID

Maak nu een link of voeg een knopelement toe ergens bovenaan je pagina. In plaats van een URL als link toe te voegen, gebruik je ” .go_here” (met de punt) als je “go_here” als aangepaste class hebt toegevoegd; of gebruik “#go_here” (met het hekje) als je het als aangepast ID hebt toegevoegd.

Nadat je je pagina hebt opgeslagen en op je link/knop klikt, zou deze nu soepel moeten scrollen naar het element onderaan je pagina.

Je kunt dit ook gebruiken om te verwijzen naar benoemde ankers

Benoemde ankers zoals

<a name="go_here"></a>

kunnen ook worden getarget door een link toe te voegen naar “#go_here” (met het hekje)

Andere toepassingen

Je kunt ook andere gebieden op je pagina targeten, zelfs buiten het editorgebied, zolang je ze target met behulp van hun classnamen of ID’s.