FISSAGGIO DEL TESTO A SCORRIMENTO

Impostazione dell'area di fissazione dell'oggetto. Si riferisce all'area dello schermo (superiore, centrale o inferiore) rispetto alla quale inizia l'effetto di fissazione. Si noti che le forme dell'esempio sono fissate al centro dello schermo.

È il punto di partenza della fissazione dell'oggetto rispetto all'opzione di selezione: Finestra superiore / Finestra centrale / Finestra inferiore.

È la distanza in pixel che l'oggetto deve superare in modalità fissa.

1. Aggiungere un Zero Block dalla Libreria dei blocchi alla pagina e passare all'editor dei blocchi. Posizionare due oggetti nell'area di lavoro, in verticale, uno dopo l'altro.

2. Impostare gli oggetti in modo che abbiano la stessa area di fissazione. Ad esempio, abbiamo impostato WINDOW CENTER: entrambi gli oggetti sono fissati al centro dello schermo.

3. È meglio scegliere la dimensione finale di tutti gli elementi e la distanza tra loro all'inizio. Le dimensioni di ciascun elemento influiscono sui parametri dell'animazione.

1. Iniziamo impostando l'offset del trigger / punto di partenza dell'animazione.

Il punto viene contato rispetto all'area scelta, ovvero il centro della finestra.

Si parte dall'oggetto situato in alto. In questo modo è più facile calcolare i punti di partenza per l'animazione degli altri oggetti. L'oggetto in alto ha impostato 0px come punto di partenza dell'animazione. Ciò significa che si posizionerà esattamente al centro dello schermo.

L'oggetto inferiore deve posizionarsi quando tocca l'oggetto superiore. Ciò significa che il suo punto di partenza dell'animazione sarà più basso dell'altezza del primo oggetto. Impostiamo un rientro di 100px.

2. Impostare la distanza.

Questa è la distanza che l'oggetto deve superare in modalità fissa. Iniziare a impostare l'animazione dall'oggetto inferiore, in questo modo sarà più facile calcolare la distanza di "incastro".

Quadrato. Se si guarda di nuovo l'esempio, si noterà che il quadrato non copre alcuna distanza quando è in modalità fissa: rimane semplicemente fisso sotto il cerchio. Ciò significa che è necessario impostare la distanza a 0px.

Cerchio. Il cerchio in modalità fissa copre la distanza per raggiungere il quadrato. L'effetto di fissazione scompare e le due figure possono essere fatte scorrere come di consueto.

In sostanza, il cerchio deve raggiungere la posizione del quadrato, ma si ferma un po' più in alto per aderirvi.

Questo significa 400px - 100px (altezza del quadrato) = 300px