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?
Tweening breaks on resonsive page
in GSAP
Posted
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?
Thanks