The answer is actually pretty simple!
So you’ll want to use the “Scroll Into View” on the Element Trigger rather than on a page scroll.
Then, make 2 interactions. One for the scroll into view and one for the scroll out of view. Give the offset a percentage other than 0. I used 50% because I think it looked good.
Next, give the out of view interaction an opacity of 0 and set your durations and easing to whatever you like.
Lastly, give the in view interaction an opacity of 100 and set your durations and easing.
And that’s it! When you scroll down it will fade out and when you scroll back in it will fade in. If you don’t like the 50% offset you can play around with it until you find your desired scroll point.
Let me know if you have questions!