Hi @waldo! Thanks for the reply Really cool Webflow projects in your showcase btw!
I’ve debugged it It was due to the construction of my site design (body overflow property: hidden)…
So… I figured out why it did not work. It’s because the Scroll into view type of Interaction is dependent of the Body DOM element’s scroll position… It seems.
In my design I had made a
div content container set to
position:absolute; filling up the entire Body element, and the Body element set to
overflow:hidden; and the
div content container element’s
overflow set to
So, when the
x element that was supposed to trigger an animation on the
x element itself was scrolled into view, the Interaction didn’t trigger, because (I suppose…) the body element’s scroll position did not change.
Now I’ve had to change the design / the structure of the entire site so that the body element’s overflow property is not set to
overflow:hidden; and now all of the Scroll into view Interactions are all working as expected.
I would say this is a Webflow Interactions problem though. Yes, the specific use case of a design where the Body element’s overflow property is set to hidden might be more or less rare, but, none the less, Webflow should be as versatile and flexible as possible of course.
Perhaps the possibility to change the default scroll position container that the Scroll into view interactions depend on to something other than the Body element would be an idea?
All the best,