Streaming live at 10am (PST)

Parrallax interaction on overflow scroll


#1

Hey guys!

If you try to add a “While scrolling page” interaction on an overflow scroll:

58%20AM

You can see that the scrolling animation is not detected by Webflow (cf. the green arrow that shows the % of the scroll)

CloudApp

Does it make sense? Any idea how I could make the scroll “detectable” to create this interaction (from Webflow University)?

Thanks!


#2

Yes, the “While page is scrolling” interaction in WF is triggered by the scroll on the body. Values of the interactions are %age of height of the body. When you scroll inside of another element, you’re not scrolling inside of the body, so the interaction registers no change/new value.


#3

Very clear! Thanks man :handshake:


#4

So I’ve been jamming with this, @vincent! I can now trigger the “While page is scroling” interaction (<3) but once I scrolled, I can’t scroll back to the 0% state.

CloudApp

I played with the “Overflow” and the “Animation boundaries”, in vain. Any idea where I could look or do to make this work? Any help is more than welcome!

:see_no_evil: