Editor Studio: creare elementi e sezioni adesive
3 min
In questo articolo
- Rendere adesivo un elemento o una sezione
- Rimuovere la posizione adesiva
- Tutorial utili
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.
Vai alla nostra Wix Studio Academy (contenuti in inglese) per dare un'occhiata a webinar, tutorial e corsi aggiuntivi su Wix Studio.
Lo sapevi?
Puoi aggiungere un effetto di scorrimento dell'intestazione per modificare l'aspetto mentre i visitatori scorrono verso l'alto e verso il basso. Ad esempio, fai in modo che l'intestazione cambi colore durante lo scorrimento o spostala per aiutare i visitatori a concentrarsi sulla pagina.
Rendere adesivo un elemento o una sezione
- Seleziona la sezione o l'elemento pertinente
- Clicca sull'icona Apri Ispezione in alto a destra dell'Editor
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 sull'icona Apri Ispezione in alto a destra dell'Editor
- Scorri verso il basso fino a Posizione
- Seleziona Predefinita dal menu a tendina Tipo di posizione
Tutorial utili
Ci sono così tanti effetti interessanti che puoi creare con elementi e sezioni adesivi. Dai un'occhiata a questi video di Wix Studio Academy ed esplora le tue opzioni (contenuti in inglese):