Lefthandmedia

Hi, I'm struggeling with the new scrolltrigger. I have a div with an SVG map in it. Upon scrolling I pin the container. Now when i scroll 3 section DIV's pass by and i want upon entering of each section to tween the #map to a specific point. That all seems to work. When i start the map resets to 0,0 .... when section 2 enters the map continues to the proper coordinates. BUT when section 3 enters the map seems to reset to 0,0 first before tweening to its proper location. Why is it not using the current location (set by section2) as the starting point for this tween? I made a pen to illustrate

@Carl the onComplete fires after each tweened object. I only want when ALL of them are complete @ZachSaucier there is no mention of onCompleteAll in the docs. and that is what i ended up using after a lot of trial and error the solution was gsap.to(this.find('.level-1'), { duration: .5, autoAlpha: 0, display: 'none', ease: "back.easeIn", stagger: { each: -0.03, onCompleteAll: allComplete, onCompleteParams: this } }) i had the most trouble finding onCompleteParams. Probably worth mentioning in the docs

Hi, I'm migrating some tweens from gsap2 to gsap3. i have a tween in my old code TweenMax.staggerTo(this.find('.level-1'), .5, { autoAlpha: 0, display: 'none', ease: Back.easeIn }, -0.03, allComplete, this); allComplete is a function. How would i do the oncomplete all in GSAP3? tnx RDG

Thanks Sahil, For the super clear and elaborate answer. i get it. Yes you learn something every day i didn't know about the fromTo RDG

Hi, is TweenMax.set(obj, {x:100}); TweenMax.to(obj, {x:1000}); the same as TweenMax.to(obj, {x:1000,startAt:{x:100}}); tnx RDG

Hi All, when using player 21.0.0.213 i can only use Tweenlite.to() once??? every subsequent call to Tweenlite.to does not get executed. In player 20 everything works fine. Anyone else having trouble with FP21 ? tnx RDG