Jump to content


Tweening breaks on resonsive page

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi There,

I have an array of fairly simple tweens inside a slider (so 1 instance per slide) and the page is responsive, so based on the window width, the position of the elements that I'm tweening changes.


My issue is that when I scale the browser and the position of the elements changes, GSAP seems to struggle with the new location of the elements and does the animation in the wrong place and then at the end all jumps to the correct CSS position. 


So it seems to me that I need some kind of .refresh() method or something. Is there something like this available?



Link to comment
Share on other sites

I'd love to help, but I really have no idea of how your tweens are setup so it's difficult to advise you here. Please read this and, if possible, provide a demo so we can understand your issue correctly.

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