Torna su
Consente agli utenti di scorrere agevolmente verso la parte superiore della pagina.
Per aggiungere un bottone che si abilita automaticamente allo scorrimento della pagina,
e che aiuta l’utente a tornare in alto con un solo click su di esso, è sufficiente usare un link con attributo data-attribute="back-to-top"
e con una classe .back-to-top che lo posiziona nella parte inferiore destra nella pagina.
Esempio
Per visualizzare il Back to top nella posizione corretta è necessario scrollare questa pagina. L’esempio del codice sottostante sarà visibile solo a scroll avvenuto.
sono stati intenzionalmente aggiunti rientri di linea in modo tale che compaia la scrollbar.
Aggiungendo la classe .back-to-top-small al link si ottiene un pulsante di dimensioni ridotte.
<a href="#" data-attribute="back-to-top" class="back-to-top">
<svg class="icon icon-light" role="navigation" aria-describedby="to_topTitle">
<title id="to_topTitle">Torna su</title>
<use href="./dist/svg/sprite.svg#it-arrow-up"></use>
</svg>
</a>..end of line