Editor Studio: creare elementi e sezioni adesive
Tempo di lettura: 2 min.
Rendi adesiva una sezione o un elemento sulla pagina mentre i visitatori scorrono verso l'alto e verso il basso. Quando l'elemento o la sezione raggiunge il viewport del visitatore, si attacca in alto, in basso o in entrambe le parti. Puoi impostare l'offset, che è la distanza dall'alto o dal basso.
In questo articolo, scopri di più su come:
Rendere adesivo un elemento o una sezione
- Seleziona la sezione o l'elemento pertinente
- Clicca sulla freccia Apri Ispezione in alto a destra dell'Editor
- Scorri verso il basso fino a Posizione
- Seleziona Adesiva dal menu a tendina Tipo di posizione
- Scegli dove deve attaccarsi la sezione/elemento: In alto, In basso o In basso e in alto
- (Facoltativo) Inserisci un valore di offset per creare uno spazio sopra o sotto
Nota sull'ordine DOM:
Per impostazione predefinita, l'ordine DOM della pagina, incluso l'ordine delle sezioni, viene organizzato automaticamente. Se vuoi che una sezione "adesiva" appaia sopra le altre nel DOM, clicca con il tasto destro del mouse sulla sezione e seleziona Organizza e Porta in primo piano.
Rimuovere la posizione adesiva
Puoi sempre ripristinare gli elementi e le sezioni nella posizione predefinita. Ciò significa che non si attaccano più allo schermo quando raggiungono il viewport, ma rimangono nella loro posizione.
Per rimuovere la posizione adesiva:
- Seleziona la sezione o l'elemento pertinente
- Clicca sulla freccia Apri Ispezione in alto a destra dell'Editor
- Scorri verso il basso fino a Posizione
- Seleziona Predefinita dal menu a tendina Tipo di posizione
Hai trovato utile questo articolo?
|