I’m trying to make the elements pop one by one when scrolled into view. My issue is that even if elements are in one row, I still want them to pop one by one. Scroll into view applied to the class works perfectly but they all pop at the same time. I want them to do it one by one. Any ideas?
You can use interaction delay:
I would make a few, based on the max number of elements you have appearing per row. Let’s say it’s three, so you’d have three interactions:
Scroll In 1 - no delay
Scroll In 2 - .1 sec delay
Scroll In 3 - .2 sec delay
Something like that would work I believe.
You could also change the scroll offset slightly on three different interactions.