Scroll Animation Trigger on Mobile

Hi there,

I am trying to add an animation on mobile which is triggered by SCROLL but I can only find trigger options in the TAP menu.

I have a long Q&A page on my website and want an arrow to pop up ONLY once the reader has entered the questions section (and I would like it locked to the top-left corner).

After trying a few different things (recommendations welcome!), I figured I’d create an invisible box that triggered the green box (with a white arrow) to pop up ONLY once the reader got to that section of the page.

Perhaps the biggest question I have is how do I get trigger options to show up for SCROLL? My sense (from reading online) is that trigger options don’t work for “hover” on mobile, but that’s the only limitation.

Alternatively, can you help me figure out how the arrow box could only appear once the reader gets to a certain section of the page (I’ve put a temporary yellow marker on the screen to show where I might add an invisible box that would trigger the arrow)?

I’d like the arrow box to disappear once the user scrolls to the top of the page again.

Thank you!

Tyler

P.S. (Please ignore the nonsense language in the pink bar; the hamburger menu will be constant in the final design also).