Jump to content
Search Community

ScrollTrigger Video Animation - Smoothness

EdoRaba test
Moderator Tag

Recommended Posts

I'm trying to animate a video on scroll using ScrollTrigger (switched from ScrollMagic), and the result is quite good.
The animation works, but the problem is that frames are often skipped when scrolling.
As can be seen from the console (line 26), the scrollPos skips some numbers, thus causing the videoCurrentTime to skip some frames.
Is there a way to make this not happen?
May I create a variable that increments more precisely with the scrollPos?

Can the duration of the ScrollTrigger and the framerate of the video have something to do with it?

See the Pen ExeLgOE by edoardo-baravaglio (@edoardo-baravaglio) on CodePen

Link to comment
Share on other sites

Hi @EdoRaba and welcome to the GreenSock forums!


Video scrubbing using scroll is depends mostly on the video side of things, where compression and keyframes rate play a significant role. This is definitely not GSAP related but you can still check these threads in order to explore some workarounds in order to improve your results:


Hopefully this helps.

Happy Tweening!

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...