Hi everybody,
My name is Julien and I’m new to enfold. This tool is really awesome and after a half day on it, it seems that I understood most of the functionalities.
I have one question and did not find the answer on the forum: is it possible to play the animations backward when the user is scrolling up the page ?
Thanks in advance for your help !
Julien
Hey jdelprat,
Thank you for the inquiry.
The animation will only start once the element is scrolled or once it is visible in the viewport. Unfortunately, it will not transition back when scrolling back to top. The option is not available out of the box. You may need to look for a third party plugin or hire a freelance developer.
Best regards,
Ismael
Hello Ismael,
thanks for your answer ! Do you know any plugin to do that ?
Have a nice day,
Julien
Hi,
Thank you for the update.
There are a few animations plugin for WordPress but we are not sure if they have the option to restart the element transition when you scroll back up.
// https://wordpress.org/plugins/animate-it/
// https://wordpress.org/plugins/scroll-triggered-animations/
You may need to look for a third party developer to add this for you.
Best regards,
Ismael
I suspect that pure css animations can’t do what you want them to do.
These animations need detection of whether an element is in the viewport or not. These events could be detected via Element.getBoundingClientRect() and this has wide browser support so far, but that seems to be a continuous high performance interaction.
in the meantime there seems to be a better solution using intersectionObserver. But you would have to add these listeners yourself via child-theme functions.php. But then they are very flexible to use.