Scrolling through an iPhone effect

Design help General
1

Hi,

I was wondering how you could use Webflow to change the content of the smartphones when you scroll like the page here: https://webflow.com/ix2

Ideally, I want to have a iPhone overlaid on top of content that will change upon scrolling, but the iPhone remains fixed. Any pointers will really help!!

Thank you :slight_smile:

2

Full solution is more “freelancer task”. Anyway this is simple Y movement on scroll inside fixed div with overflow: hidden.

Start her:

And her:

Related:
https://stackoverflow.com/questions/38017780/scrolling-content-inside-a-fixed-position-div-on-mobile-safari-suddenly-stops

https://stackoverflow.com/questions/27980084/scrolling-to-a-element-inside-a-scrollable-div-with-pure-javascript