Motion: A Parallax example would be very nice :-)

Created on 14 Jul 2019  路  4Comments  路  Source: framer/motion

Is your feature request related to a problem? Please describe.
I can't figure out how to implement a basic parallax on viewport scroll, so a simple and clear example in the docs would be awesome.

Describe the solution you'd like
A simple example of a few different divs moving around in relationship to viewport scroll position.

Describe alternatives you've considered
I'm reading through the MotionValue API docs but it's not really clicking for me yet.

Additional context
I mean, any other use cases for MotionValue I can think of I will add, I guess.

XD

feature

Most helpful comment

You may have discovered this already, but there are some more examples in the docs now, including this Parallax one!

All 4 comments

You may have discovered this already, but there are some more examples in the docs now, including this Parallax one!

Thanks natemoo! Totally forgot to update here

You may have discovered this already, but there are some more examples in the docs now, including this Parallax one!

I believe the parallax image example is broken; are the images supposed to be parallax or just the containers around them?

I've just checked out the example and can't help feel somethings off with it, by the time you get to the 5th of the 8 images all the parallax blocks have scrolled by already. Leaving the last 3 images without any floating magic 馃樋 .

Or maybe that was intentional in the example?

Was this page helpful?
0 / 5 - 0 ratings