Animate object when another object scrolls into view

I have an info panel animating into view when the page scrolls beyond 10%. What I’d then like to do is have that same panel disappear when a certain div scrolls into view farther down the page.

Is it possible to make one object animate based on the appearance on screen of another object? Thanks!