Hello everyone. I'm pretty new to Framer and currently working on website prototype.
I want to trigger animations based on scrolling (when an element enters the viewport), for example:
1) Scroll down and 'Section1' fades in and moves 30px up.
2) Scroll down further and 'Section2' fades in and moves 30 px up.
... and so on.
I tried to use:
if scroll.scrollY > 900
but I feel there is a smarter way to trigger the animation when an element is in viewport rather than calculating the distance manually and write 'if' statement everytime for every section.
Also, tried to search in the group but didn't find anything for my case.
Any help would be appreciated, thanks guys! 🙏🏻