I am brand new to GSAP, so I know there is something obvious and simple I am missing but I've been struggling to figure out what to do. My goal is to have objects fade in and scroll down to the page, then fade out shortly before they reach the bottom of the page.
In the fade out stagger, I have it start 2.1 seconds before the end of the previous timeline and fade out over 2 seconds. However, it does not begin until 2.1 seconds before the final box arrives at the bottom and then proceeds to fade and stagger out. I can tell it is linking that fade out to the end of the entire animation time established in the first two lines causing the problem since the more divs I have, the longer it waits to start those fades. How do I have that next operation sync properly? Thanks!