Triggering animation when it comes into view

I’m wondering how to add animation as something comes into view?
Scroll seems to animate on the scrolling action but I want the whole animation to play as soon as it comes into view in a timed way (not based on the speed someone is scrolling).


There is an option you should enable.

  • Go to Interaction setting below the Scroll scene
  • Click on Advanced options, more options will appear below
  • For Play select Independently

Now the animation will not be based on the scroll.

Check the image below if it helps.


You can also check the Pinegrow Interactions tutorial below, which implements similar interactions that you are looking for

You should also check other tutorials which can help a lot