Elements following while scrolling

Hi guys!

I’ve been struggling for a while now with letting elements flow in the same direction while scrolling.
I’ve tried invisible triggers in my header, as well as layers with working with the Z-index.
I’m planning to build a page with a depth layer effect that has interactions for elements in two ways while scrolling like
http://fiorito.nl/ and http://e03.epicurrence.com/

Would love to receive some help :smile:

Here is my public share link: https://preview.webflow.com/preview/blush-61a96a?preview=1a3ea85ad53769f44f0c2272d4844eb9

And published: http://blush-61a96a.webflow.io/

For now you can not do this on webflow, but its really easy (with basic JS knowledge) to combine some scroll-spy and/or parallax library.

Coming soon webflow interactions 2.0 should give you the option to crate sites with parallax effects:
https://webflow.com/feature/interactions-v2

1

SITE:
http://e03.epicurrence.com/
Plugin:
https://hexbridge.github.io/parallaxy/

2

SITE:

Plugin (big library/framework - endless options)

Scroll trigger interaction maybe help you:

Complex scroll animation:

Anyway webflow or any other CMS / builder cannot give you options to build very complex animations on scroll (this is more for code writing) . For this the most known library is (A lot of AAAwards sites use this library) is this one:

Hi Siton,

Thank you so much, makes loads of sense now! How fun, I’ll then wait for webflow 2.0.
Thanks for helping me out again!

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.