Nel caso di pagine web con parecchio contenuto o visualizzati attraverso uno smartphone, è possibile migliorare la User Experience aggiungendo un link che riporti rapidamente in cima con un semplice click (e magari con un effetto smooth).
Per il contenuto del link possiamo usare del semplice testo, ma in questo caso è preferibile un’icona – ad es. una freccia verso l’alto – per almeno due motivi: occupa meno spazio e ha un significato universale, language free.
Inoltre, per evitare di distrarre il nostro utente e contemporaneamente massimizzarne l’utilità, questo link dovrebbe essere inizialmente nascosto e apparire solo dopo uno scroll verso il basso (analogamente, tornando su dovrebbe scomparire)
Vediamo come ottenere tutte queste funzionalità utilizzando le classi CSS fade e in di Bootstrap e un po’ di jQuery: iniziamo! 🙂