Torna su, Top, et simila, sono i tipici link che troviamo in fondo alle pagine web. Più che link veri e propri, sono dei link interni, in quanto al click, non veniamo portati ad una nuova destinazione, ma verremo spostati in un altro punto della pagina. L'inizio, in questo caso. Mentre un tempo, tale spostamento avveniva istantaneamente è moda degli ultimi anni, far seguire al click un'animazione che faccia scorrere lentamente la pagina fino a tornarne sopra.
Effetto di sicuro impatto, si realizza in pochi minuti sfruttando il solito jQuery. Dunque aggiungiamo alle nostre pagine il core di jQuery se non l'abbiamo già fatto, dopodiché in fondo alla pagina scriviamo:
<a href="#" id="vai_su">Torna su</a>
La seconda e ultima parte consiste, invece, nel creare il codice Javascript utile al funzionamento dell'animazione.
$(function() {
$('#vai_su').click(function() {
$('html, body').animate({ scrollTop : 0 }, 'slow');
return false;
});
});
Tutto qui!