Redémarrer & # 39; Animation lors du défilement des éléments avec Divi et gsap

Lorsque vous animez un élément d’une page, vous voudrez probablement activer l’animation de l’élément une fois qu’il est entré dans le viewport. En utilisant les paramètres d’animation intégrés de Divi, une fois que le projet est affiché et animé, il reste statique jusqu’à ce que vous rechargez la page entière. Dans certains cas, vous voudrez peut – être trouver un moyen plus cohérent de redémarrer l’animation avec chaque entrée dans la fenêtre. Cela vous aidera à optimiser l’expérience de vos visiteurs sur votre site. Dans ce tutoriel, nous vous montrerons comment faire cela en utilisant Divi, gsap et scrolltrigger pour gsap. Une fois cette méthode obtenue, elle peut être appliquée à n’importe quel élément de la page. Vous pouvez également télécharger gratuitement le fichier json!
On y va. Aperçu avant d’aller plus loin dans ce tutoriel, jetons un coup d’oeil rapide aux résultats sur différents écrans de taille. Bureau Mobile Téléchargement gratuit mise en page pour obtenir une mise en page gratuite, vous devez d’abord télécharger en utilisant les boutons ci – dessous. Pour accéder au téléchargement, vous devez vous abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci – dessous. En tant que nouvel utilisateur, vous recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! Si vous êtes déjà sur la liste, il vous suffit de saisir votre adresse e – mail ci – dessous et cliquez sur télécharger. Vous ne serez pas « ré – abonné » ou vous recevrez un courriel supplémentaire. Télécharger le fichier Inscrivez – vous à Divi Newsletter et nous vous enverrons par courriel une copie du dernier paquet de mise en page de la page d’atterrissage Divi, ainsi qu’un grand nombre d’autres ressources, conseils et astuces Divi gratuits. Suivez – nous et vous serez bientôt maître Divi. Si vous êtes déjà abonné, entrez votre adresse e – mail ci – dessous et cliquez sur télécharger pour accéder au paquet Layout.
Vous vous êtes inscrit avec succès. Veuillez vérifier votre adresse e – mail pour confirmer votre abonnement et accéder au packaged
Entité, peu importe la façon dont les visiteurs se déplacent. Vous pouvez également télécharger gratuitement le fichier json! Si vous avez des questions ou des suggestions, n’hésitez pas à faire part de vos commentaires dans la section commentaires ci – dessous. Si vous souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez – vous de vous abonner à notre newsletter et à YouTube Channel afin que vous soyez toujours l’un des premiers à apprendre et à bénéficier de ce contenu gratuit.