Streaming live at 10am (PST)

Hi! wondering if this scroll behavior could be possible in webflow


#1

http://jordansowers.com/

It seems like they are using js-pagecontroller-overlay scrollstop?

Maybe there is a hack-y way to do this in webflow? Thank you!

j


#2

Hey @bluejay1,

It’s definitely possible.

  1. Rotational parallax - https://www.youtube.com/watch?v=YxTQtovxc-0
  2. Parallax movement on scroll - https://www.youtube.com/watch?v=0ITA_pwfzDE

Hope this helps. Happy holidays!

Best,
Naweed


#3

thanks @nwdsha.

I think what’s challenging for me is:

  1. how move the first image div to top out of view at the same speed as the user scrolls; when it is out of view, the second image div starts as the user scrolls.
  2. if the user scrolls up, the images come down in order, but again at the same speed of the user scrolling.

Because it is at the same speed, it can’t be animated? Right?

I’m also interested in how the images move toward the cursor, slightly.

Let me know if possible

And happy holidays to you too!


#4

I would also like to know about this, my question is, how can we move only 1 element / div , while the rest ( the images behind on linked example ) stay and not affected by scroll ?

using this refs :

  1. Parallax movement on scroll - https://www.youtube.com/watch?v=0ITA_pwfzDE

all elements are moving.