I am doing my first GSAP animation (yay for me)! The div containing the animation is below the screen when the page loads -- both on desktop and mobile.
I don't want it to begin animation until the user scrolls to it. I want to verify that, in order to do this, I need to do something like the following:
myTimeline.to('body', .5, {scrollTo:{y:250}});
with "250" being the distance of the div from the top of the page.
Starting animations below the "foldline" of the screen
in GSAP
Posted
I am doing my first GSAP animation (yay for me)! The div containing the animation is below the screen when the page loads -- both on desktop and mobile.
I don't want it to begin animation until the user scrolls to it. I want to verify that, in order to do this, I need to do something like the following:
myTimeline.to('body', .5, {scrollTo:{y:250}});
with "250" being the distance of the div from the top of the page.
Is this correct?