Animation popping in and out

1

I’m looking to make website content appear once you scroll down into the view, and dissapear only when you’re scrolling up out of the view.

An example is this website: https://onedesigncompany.com/approach

Right now I can play a timeline on viewport and reverse it on exit viewport, is there a good way to use scrolling direction like that website?

2

@PappaSmalls

Possible starting point to answer your question:
Try an internet search for “scroll direction javascript” - I got a bevy of pertinent hits.