FIXATION DU TEXTE SUR LE DÉFILEMENT

Définition de la zone de fixation de l'objet. Il s'agit de la zone de l'écran (haut, centre ou bas) par rapport à laquelle l'effet de fixation commence. Notez que les formes de l'exemple sont fixées au centre de l'écran.

Il s'agit du point de départ de la fixation de l'objet par rapport à l'option de sélection : Fenêtre du haut / Fenêtre du centre / Fenêtre du bas.

Il s'agit de la distance en pixels que l'objet doit franchir en mode fixe.

1. Ajoutez un Zero Block de la bibliothèque de blocs à la page et passez à l'éditeur de blocs. Placez deux objets dans l'espace de travail, verticalement, l'un après l'autre.

2. Faites en sorte que les objets aient la même zone de fixation. Nous prenons l'exemple de WINDOW CENTER : les deux objets sont fixés au milieu de l'écran.

3. Il est préférable de choisir la taille finale de tous les éléments et la distance qui les sépare dès le début. La taille de chaque élément affectera les paramètres de l'animation.

1. Commençons par définir le Trigger offset / Animation starting point.

Le point est compté par rapport à la zone que nous avons choisie - le centre de la fenêtre.

Commencez par l'objet situé en haut. Cela facilite le calcul des points de départ de l'animation des autres objets. L'objet du haut a 0px comme point de départ de l'animation. Cela signifie qu'il restera exactement au centre de l'écran.

L'objet du bas doit rester collé lorsqu'il touche l'objet du haut. Cela signifie que son point de départ de l'animation sera inférieur de la hauteur du premier objet. Mettons un retrait de 100px.

2. Définissez la distance.

Il s'agit de la distance à laquelle l'objet doit passer en mode fixe. Commencez à configurer l'animation à partir de l'objet du bas, de cette façon vous serez plus à l'aise pour calculer la distance de "collage".

Le carré. Si vous regardez à nouveau l'exemple, vous remarquerez que le carré ne couvre aucune distance en mode fixe - il reste simplement fixé sous le cercle. Cela signifie que nous devons fixer la distance à 0px.

Cercle. Le cercle en mode fixe couvre la distance nécessaire pour atteindre le carré. L'effet de fixation disparaît ensuite et les deux figures peuvent être défilées comme d'habitude.

En fait, le cercle doit atteindre la position du carré, mais il s'arrête un peu plus haut pour s'y tenir.

Cela signifie 400px - 100px (hauteur du carré) = 300px.