Streaming live at 10am (PST)

Stuck on creating a temporarily sticky element

Hello very helpful Webflow community!

I am attempting to build a section where a graphic (a lottie animation) scrolls into view with some associated text. I would like, when the user continues to scroll, to trigger the animation to play, as well as bringing a new paragraph of text in to replace the paragraph that came in with the graphic.

I’m struggling with how to set up the elements to set myself up for a successful interaction.

It would work sort of like this, but the Three block would replace the Two block as well as triggering an animation in the One block.

After the second paragraph becomes visible, I would like for that entire section to stop being sticky, and to resume normal scroll behavior.

Thanks for any thoughts!

1 Like