Having learnt the basics of scroll interactions in Framer, I now want to attempt something a little more advanced.

While doing my prototyping in Figma, an idea came to my mind. I had made a rocket window to go with the “ Touch down “ page;

I wondered if there were any way to make the picture in the rocket window move down as the user scrolls down. This way, it would simulate the movement of the rocket moving down and landing on the moon, a perfect effect to go with the context of this page talking about the rocket touch down.

Again, as Figma does not currently support scroll interactions, I have made a separate static slide on Figma showcasing what I want it to look like when the user scrolls down;

Before getting started on Framer, I found a YouTube tutorial by Brian Lovin; he showcased a very similar effect similar to what I had in mind;

https://www.youtube.com/watch?v=pSeY-fdyT7U&t=311s&ab_channel=BrianLovin

The video was extremely helpful and I gained a good understanding of how to nest my scroll interactions ( scrolling picture nested in rocket window ).