Jump to content


Pinned screen twitching (GSAP+Scrollmagic+Bodymovin)

Recommended Posts

Hello, I've got a simple task: animate a scrolled-control bodymovin animation in a pinned window.

This is my test webpage, the codepen is also provided. In a fullsize window where I don't have to use pinning, it works well.


The problem is that I don't know how to get ride of this crazy jumping effect.


PS I used code partially from these GSAP tutorials and from this OKAI tutorial.

See the Pen YzPdYgx by artildo (@artildo) on CodePen

Link to comment
Share on other sites

Hey artildo and welcome to the GreenSock forums.


Bodymovin and ScrollMagic are not GreenSock products and we don't really support them here. But we'll help out where we're able to.


You don't really need ScrollMagic in most cases. Take a look at this thread which animates a timeline on scroll without it:


  • Like 1
Link to comment
Share on other sites

Zach, thank you. Yes, I understand, that I asked about some 3rd party libraries.Just in case someome encountered similar problems.

I need pinning the scenes until my animation is crolled up to the end, for that purpose I need Scrollmagic. 

But I will study the resource you provided, it might help.

Link to comment
Share on other sites

I did something similar without ScrollMagic here:


  • Like 1
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.