Editor Studio: aggiungere effetti di scorrimento all'intestazione
Tempo di lettura: 6 min.
Cambia il modo in cui l'intestazione appare durante lo scorrimento aggiungendo effetti di transizione. Fai svanire l'intestazione o spostala mentre i visitatori scorrono la pagina verso il basso. Puoi anche modificarne il colore di riempimento e l'opacità per mantenerla visibile, ma senza distrarre i visitatori.
In questo articolo, scoprirai come:
Aggiungere e configurare un effetto di scorrimento dell'intestazione
Scegli come vuoi che si comporti l'intestazione, a seconda di quanto vuoi che spicchi. Ad esempio, puoi bloccarla in modo che sia sempre visibile o spostarla in modo che i visitatori possano concentrarsi sul contenuto della pagina.
Suggerimento:
L'effetto di scorrimento si applica solo alla pagina su cui stai lavorando.
Per applicare un effetto di scorrimento all'intestazione:
- Seleziona l'intestazione
- Clicca sull'icona Apri Ispezione
in alto a destra dell'Editor
- Sotto Impostazioni intestazione, scegli un Effetto di scorrimento e configuralo:
Scorre con il sito
Blocca
Scompare
Dissolvenza
Modificare il colore di sfondo dell'intestazione durante lo scorrimento
Oltre all'effetto di scorrimento scelto per l'intestazione, puoi far cambiare il colore quando i visitatori scorrono verso il basso. Questo porta ancora più attenzione verso l'intestazione, assicurando che i visitatori non la perdano mai.
Suggerimento:
Questa impostazione si applica a tutte le pagine in cui viene visualizzata l'intestazione.
Per modificare il colore di sfondo dell'intestazione durante lo scorrimento:
- Seleziona l'intestazione
- Clicca sull'icona Apri Ispezione in alto a destra dell'Editor
- Sotto Design, abilita l'interruttore Colore durante lo scorrimento
- Clicca sulla casella del colore per scegliere un colore diverso
- (Facoltativo) Trascina il cursore per modificare l'opacità
Rimuovere un effetto di scorrimento
Puoi sempre rimuovere un effetto di scorrimento che hai aggiunto all'intestazione precedentemente.
Per rimuovere un effetto di scorrimento:
- Seleziona l'intestazione
- Clicca sull'icona Apri Ispezione in alto a destra dell'Editor
- Scegli cosa vuoi disabilitare:
- Effetto di scorrimento: seleziona l'opzione Scorre con il sito dal menu a tendina
- Colore durante lo scorrimento: disabilita l'interruttore per rimuovere questo effetto
Lavorare con le impostazioni avanzate dell'intestazione
Quando abiliti le impostazioni avanzate nel pannello Ispezione, ottieni un controllo più dettagliato sull'effetto di scorrimento dell'intestazione. Questa vista ti consente di regolare il tipo di posizione (ad esempio bloccato, adesivo) e la transizione (ad esempio sposta, dissolvenza) separatamente, creando il tuo effetto invece dei nostri preset.
Per abilitare le impostazioni avanzate:
- Seleziona l'intestazione
- Clicca sull'icona Apri Ispezione in alto a destra dell'Editor
- Clicca sull'icona Altre azioni
accanto a Dimensioni - Abilita l'interruttore Impostazioni avanzate
- Regola l'effetto di scorrimento dell'intestazione sotto Impostazioni intestazione:
- Seleziona un Tipo di posizione (ad esempio Fissa, Adesiva)
- Aggiungi un Offset per creare una distanza tra l'intestazione e la parte superiore della pagina
- Abilita l'interruttore Transizione per aggiungere l'effetto Sposta o Dissolvenza
- Aggiungi un Colore durante lo scorrimento (sotto Design)
Hai trovato utile questo articolo?
|