Remove unwanted sidescroll

[Trip]

Is there a way to not have a side scroll (Y-axis, X-axis) when applying TweenMax.to (element, 5{ScaleY:2.8, scaleX:2.8, opacity:0})?

[PointC]

Hi @Trip,

 

Welcome to the forum.

 

I'm not sure I follow the question. Are you talking about transformOrigin? So something like this:

 

TweenMax.to(element, 5, {scale:2.8, transformOrigin:"top left"});

 

Does that help?

 

If that's not what you meant, a demo of what you're doing would be great.

Happy tweening.

[Trip]

See the Pen zgoYqz by terrirp (@terrirp) on CodePen

 

Hi, in the second-to-last slide it is supposed to zoom out to show last image. But when it zooms out I am getting a side scroll. 

[mikel]

Hey @Trip

 

Presumably 'overflow: hidden;' a solution:
 

TweenLite.set('.car_back',{overflow:'hidden'});

 

Happy tweening ...

Mikel

 

[PointC]

Yeah, I'd say overflow:hidden should take care of that for you.

 

Just FYI: rather than a delay on all those loose tweens, I'd recommend looking at a timeline. That will allow you to sequence everything together.

 

https://greensock.com/docs/TimelineMax

 

Happy tweening.