Animation with scroll and scale

Hello guys!

I’m trying to create some cool animation. I want to stop my mockup after scaling and show something with scroll behind, but i don’t know how :frowning: Can you help me please with that?


Here is my public share link: LINK

You will use a combination of the sticky property:

and a “while-scrolling” animation:
https://university.webflow.com/lesson/animate-while-scrolling?topics=interactions-animations

Your phone image will need to be inside of a section that’s tall enough to accommodate the animation you intend to show while the phone has been stopped with the sticky property.
I don’t see what that animation might be though. Is your intention to have the phone stop and then have something scrolling within the phone’s screen?

Not on the phone’s screen, but behind. Like this example — https://haptic.app