Concludiamo la mini-serie sulla scrollbar, e sulle sue caratteristiche, con la gestione di un evento di navigazione verso un elemento (anchor element).

Utilizzando il tag con puntatore ad un elemento, come di seguito mostrato

<a href="#contenuto1">Vai a 1</a>
<a href="#contenuto2">Vai a 2</a>

<div id="contenuto1">Contenuto 1</div>
<div id="contenuto2">Contenuto 2</div>

Premendo su un link la navigazione nella pagina è immediata, se invece si sfrutta la proprietà CSS scroll-behavior questa creerà un'animazione di scorrimento fino al contenuto.

scroll-behavior: smooth;