Affix

Un affix è un elemento ancorato su schermata durante lo scorrere di una specifica sezione di pagina, utile per i menu e gli indici

Componenti

Metadati e link per approfondire

Utile per

Anteprima

Per visualizzare la funzionalità del componente potrebbe essere necessario utilizzare la scrollbar e/o cambiare la dimensione del browser.

Inizio componente:Fine componente.
Risoluzione

Quando usarlo

Su pagine lunghe, può essere utile ancorare in una specifica area della schermata alcuni elementi per facilitare l’interazione utente soprattutto su mobile. Un elemento affix rimane ancorato su schermata mentre si è su una specifica area della pagina.

Come usarlo

  • Per elementi come il gli indici di sezione, le azioni principali (pulsanti), i pulsanti di condivisione dei social network.

Attenzione a

  • Non nascondere il contenuto di una pagina sotto un affix.

Buone pratiche sui contenuti

  • In base all’elemento che viene ancorato con un affix (pulsante, menu, icone), valgono le stesse considerazioni di contenuto valide per il componente specifico.

Accessibilità

In stesura

Stato del componente

In stesura

Anatomia

In stesura

Comportamento

Un elemento affix rimane ancorato su schermata mentre si è su una specifica area della pagina. Allo scorrere completo dell’area di pagina, scorrerà anche l’elemento affix.

Un elemento affix può avere uno sviluppo verticale o orizzontale e può essere ancorato alla parte alta o alla parte bassa della schermata.

Specifiche di design

In stesura

Come iniziare

Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici

Anteprima

Per visualizzare la funzionalità del componente potrebbe essere necessario utilizzare la scrollbar e/o cambiare la dimensione del browser.

Inizio componente:Fine componente.
Risoluzione

Come iniziare

Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici