Jump to content


Back to the animation dither

Recommended Posts

Hi, everybody!

When I used Timeline to write the page, I set 'scrub: true,' and 'Pin: true'. When the scroll bar ends the animation and returns to the animation again, the page will shake slightly.





See the Pen dyzdJRd by mullyeux (@mullyeux) on CodePen

Link to comment
Share on other sites

HI @yeu,


Thanks for including a demo. It's hard to tell just from a JS snippet alone. Animation performance and issues are usually down to layout and CSS.

Glancing at this I would guess that maybe the filter is causing perf issues - but again. Impossible to tell without context.

If you can add in the relevant HTML and CSS that would be great!



Link to comment
Share on other sites


Thank you very much for your answer.  I to modify the code of the problem, but unfortunately did not show effect, because the file path is my local, I can't upload "CodePen," I'm sorry, but I very want to learn to understand gsap this powerful animation library, but I am a Chinese, the document is arduous, so trouble says the problem in my code, thank you very much!  

Link to comment
Share on other sites

It looks like you are trying to use Vue or Nuxt, which you can use CodeSandbox for. And you don't need to include images. Just use placeholder images or colored boxes.


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.