"WARNING: tween was overwritten by another. To learn how to avoid this issue see here: #622

Open
IveSix opened this Issue Nov 24, 2016 · 1 comment

Projects

None yet

1 participant

@IveSix
IveSix commented Nov 24, 2016

Hello,

i try with your solution, but doesn't work...

I have the same scene and tween for each my project page, but when i change page with ajax in console i have this error and all my pages are broken..

So i write the tween like this

`
var headerTween = TweenMax.fromTo('.gb-header img', 0.5,
{
height: '100vh',
transform: 'scale(1)',
opacity: 1,
filter: 'blur(0)'
},
{

	transform: 'scale(.5)',
opacity: 0,
 width:'110vw',
 filter: 'blur(5px)'
}
);
var HederScene = new ScrollMagic.Scene({
 triggerElement: '.gb-description-pro ',
 duration: 20,
 offset: -200
})
.setTween(headerTween)
.addTo(controller);`

So with fromTO... byt how can re-initialize all tweens when my new ajax content is loaded?

thx

@IveSix
IveSix commented Nov 24, 2016

i found this solution.... http://stackoverflow.com/questions/28393992/reuse-tweens-in-different-scrollmagic-scenes But this is for one single page...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment