Streaming live at 10am (PST)

Elements following while scrolling


#1

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/


#2

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:

1

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

2

SITE:
http://fiorito.nl/
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:


#3

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!


#4

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