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. http://sticky-on-scroll.webflow.io

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