RS Faites défiler vers le siège est une extension d'animation pilotée par le défilement pour Elementor qui déplace n'importe quel élément de sa position d'origine à un point spécifique de la page au fur et à mesure que l'utilisateur défile. Contrairement à un simple effet de parallaxe, cette extension vous permet de contrôler avec précision l'endroit où le mouvement commence, où il se termine et comment l'élément se transforme en cours de route.
Vous pouvez déplacer et mettre à l'échelle n'importe quelle section, colonne ou widget en douceur à la position de défilement. Le point final peut être défini soit par une distance de pixel fixe soit en ciblant un autre élément sur la page à l'aide d'un sélecteur CSS, ce qui le rend suffisamment flexible pour se synchroniser avec la mise en page de votre page.
Il fonctionne sur les sections, les colonnes et les widgets, et tous les contrôles sont réactifs afin que vous puissiez affiner le comportement séparément pour les ordinateurs de bureau, les tablettes et les mobiles.
faire défiler jusqu'à la place Active un effet de mouvement piloté par le défilement sur l'élément. Lorsqu'il est activé, l'élément se déplace (traduit) de sa position d'origine à une position cible lorsque l'utilisateur fait défiler la page. Vous trouverez deux options : Désactiver et Activer.
transformer Définit la distance parcourue par l'élément (en pixels) le long de l'axe Y lorsque l'utilisateur défile. Une valeur positive la déplace vers le bas, une valeur négative la pousse vers le haut. Ce contrôle est réactif.
s'ent Met l'élément à l'échelle au fur et à mesure que l'utilisateur défile. Une valeur de 1 est la taille d'origine, 0,5 est la moitié de la taille, 2 est la taille double. Utilisez des étapes décimales (par exemple 0,5, 1,2). Ce contrôle est réactif.
Décalage supérieur Ajuste la position de défilement (en pixels à partir du haut de la fenêtre) à laquelle l'effet commence à se déclencher. Utilisez ceci pour retarder l'effet jusqu'à ce que l'élément atteigne un certain point sur l'écran. Ce contrôle est réactif.
Fin de déclenchement Détermine comment l'effet de défilement sait quand s'arrêter. Vous trouverez deux options : Distance (px) et CSS Selector.
Distance (px) : L'effet se termine après avoir fait défiler un nombre fixe de pixels. Sélecteur CSS : L'effet se termine lorsqu'un élément spécifique (identifié par un sélecteur CSS) entre dans la fenêtre.
évaluer Définit la distance en pixels après quoi l'effet de défilement se termine. Disponible uniquement lorsque la fin de déclenchement est réglée sur Distance (px). Ce contrôle est réactif.
sélecteur Entrez le sélecteur CSS de l'élément qui agit comme déclencheur final. Accepte les sélecteurs d'ID ou de classe (par exemple #end-trigger-1 ou .end-trigger-1). Doit être un sélecteur unique sur la page. Uniquement disponible lorsque End Trigger est défini sur CSS Selector.
tampon Définit la position de l'élément sélecteur sur la fenêtre (0–150) à laquelle l'effet s'arrête. Par exemple, une valeur de 50 signifie que l'effet se termine lorsque l'élément cible atteint le milieu de la fenêtre. Uniquement disponible lorsque End Trigger est défini sur CSS Selector.
Afficher le marqueur Affiche les marqueurs visuels sur la page indiquant où commence et se termine l'effet de défilement. Utile pendant la configuration pour confirmer que les points de déclenchement sont corrects. Désactiver avant la publication.