Pulsante torna su

Pulsante torna su: a cosa serve

Nelle pagine lunghe, il pulsante torna su evita alla persona di scorrere tutto all’indietro, soprattutto sul cellulare.

Scegli il lato, i colori, la dimensione, la forma, la distanza dal bordo e da quanto scorrimento compare. Il codice usa un vero pulsante con etichetta, compare con una breve transizione, scorre in modo fluido solo per chi non ha chiesto meno movimento, non lascia che il pulsante invisibile riceva il focus e porta il focus all’inizio della pagina.

Come si usa

1. Scegli il lato, i colori e la dimensione.
2. Imposta la distanza e quando compare.
3. Copia il codice e incollalo prima della fine del body.

Quando usarlo

• Blog e articoli lunghi.
• Negozio con grandi elenchi di prodotti.
• Menu e cataloghi.

Domande frequenti

Quando compare il pulsante?

Dopo che la persona scorre la pagina oltre l’altezza che scegli (una schermata, per impostazione predefinita). Nelle pagine brevi non compare mai, evitando un pulsante inutile sopra il contenuto.

Dà fastidio al pulsante di WhatsApp?

Può trovarsi nello stesso angolo. Metti il torna su dall’altro lato o aumenta la distanza dal fondo, così uno non copre l’altro sul cellulare.

Perché il focus va in alto?

Chi naviga con la tastiera o con lo screen reader, toccando il pulsante, deve continuare la navigazione dall’inizio della pagina. Il codice sposta il focus sul primo elemento, oltre a scorrere lo schermo.

È davvero gratis?

Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.

Strumenti simili