benmc

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

I am seeing this issue as well. Seems like it's not working with elements... only with window: Here is the edited codePen: http://codepen.io/anon/pen/mEEWXV

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!

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