I am trying to make a video that is in a section 100VH, sticky and animate on scroll and once done with scroll, unstick the video section and move on smoothly to the next section.
I was able for the most part to accomplish this as you can view in my preview link below. The problem that I’m having is that the video section sticks when in viewport, but starts to unstick and scroll away before the full video animation is finished.
This is my first project in Webflow and I’m not sure how I can accomplish this. Any help is appreciated and thank you in advance.
UPDATE: In case anyone else is having the same issue, I found this great tutorial on how to correctly setup the sticky animations. Lottie Scroll Interaction. There are other great tutorials on there as well.