Streaming live at 10am (PST)

How does this animation work?


#1

I’ve been trying to do this kind of video scroll animation for more than a week now: https://fba-seller-academy.de/

I put the current state of my animation into a basic page and this it what it looks like:

Sharelink:
https://preview.webflow.com/preview/blank-video-animation?utm_source=blank-video-animation&preview=c7ff6fe20f3a3747e2ebb632bac7f224

The main problem is that it does not stay exactly at one point and it is shaking on scroll. Does anyone have a simple and clean solutoin for my problem?

This is how it looks linke on the frontend:


#2

Why don’t you just make the video fixed position and tell it to show/hide on scroll with an offset?


#3

Can you please show me how to do it?


#4

First make it position:fixed and position it where you want it on the page. I can’t find the video in your project so do that first.

Essentially then you can replicate this but opposite. https://www.youtube.com/watch?v=a2Kp4bSDCwI

Or at least it will get you close. How familiar are you with interactions?