Vai al contenuto

Tornare in cima alle pagine con Bootstrap

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).

Guarda un esempio

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! 🙂

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.