[TweenMax.set not working properly with scrollTo plugin]

Hmm. It seems to be working. But only after I wait an animation frame... It seems can't set the scroll until after the element has been drawn to the screen...

[TweenMax.set not working properly with scrollTo plugin]

I am seeing this issue as well.

 

Seems like it's not working with elements... only with window: Here is the edited codePen:

 

See the Pen mEEWXV by anon (@anon) on CodePen

[Increasing Animation start performance.]

In my Tweenlite (1.16.1) animations, I am seeing a few dropped frames at the very beginning of the animation.

 

I am ensuring the tween is starting on a new animation frame... so in theory, all the JS/Layout/Paint to create the element should be completed before I start the animation. I am also seeing that is the case in the Chrome dev tools profiler.

 

Is there a setting on Tweenlite that doesn't start the animation or the clock until the CPU spike is gone? I am checked out lagSmoothing(), but that just smooths out the gap. I actually want the animation to wait.

 

Any thoughts?

 

Thank you!

[How to tween CSS3 Transform properties?]

Would this be a 2D transform or a 3D transform?

TweenLite.to($obj, 2, {css:{transform:"translateX(50px)"}});

When I apply, I am seeing:

transform: matrix(1, 0, 0, 1, 0, 0);

in my element. I just want to make sure that it's being hardware accelerated...