As you’re scrolling through Apple’s iPhone landing page, a scrolling animation starts, page scrolling gets locked until the scroll animation is over ( iPhone - Apple ). Look for “All-screen makes all the difference” section. How can I achieve this effect in Webflow?

Stop page scrolling while animation scrolling is in process

Dan_Pustelnik (Dan Pustelnik) January 4, 2021, 2:08am 5

Any luck on this? Im looking for the same effect - locked viewport while scrolling through an animation and then unlock scrolling as you keep going.

Cant figure out how to get the scrolling to lock.

A good example of this effect:

Topic		Replies	Views
Scroll Effects on Lottie Animation Animations & Interactions	8	4475	July 13, 2021
Disable reguler scrolling until lottie animation completed Animations & Interactions	6	3896	October 21, 2020
Viewport locks as you are scrolling through a certain section with an animation Animations & Interactions	1	2151	January 4, 2021
How to temporarily fix a lottie animation? Animations & Interactions deadline , webflow-support	2	1749	April 15, 2021
Keep lottie animation fixed on scroll until it's finished Animations & Interactions	2	1342	October 16, 2020