HTML - Terug naar boven


Met name als je veel pagina's hebt die lang zijn dan is een knop die onderaan staat om direct weer naar boven te navigeren bijzonder handig. Zodoende kan iemand die het einde van de pagina heeft bereikt middels een enkele klik weer terug 'naar boven' en dus bijvoorbeeld het menu direct weer in beeld te krijgen. Het plaatsen gaat als volgt.

Het betreft een gewone link met in dit geval als link "#top".

<a href="#top">Naar boven</a>


Eventueel nog een extra stap maar dit is niet voor alle browsers vereist. Dit is het plaatsen van de onderstaande bladwijzer. Plaats deze eventueek direct na de BODY tag.

<a name="top"></a>


Als je beide regels hebt geplaatst dan werkt de "Terug naar boven" link in alle browsers.

Effect toevoegen

Het is daarnaast wellicht een aardige toevoeging om middels een effect terug naar boven te scrollen. Dit kan met behulp van jQuery, meer hierover lees je in deze tutorial.