Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
nofpowells

Animation Y possition bugging on small screens

Recommended Posts

Hello guys!

I'm using

TweenMax.from('.form-contact',1.5, {opacity:0, y:40, x:30,ease: SlowMo.easeIn});

But you can see on image a white rect on all page.

This white rect match a initial position from my '.form-contact'.

 

This white rect desapear when animation end to new positon.

I'm tried overflow: hidden but fails.

The only way a can do is setting ".form-contact' display: none; and when animation start i set display: block;

This is the only way?

Thanks!


post-42500-0-34299700-1468890988_thumb.png

Link to comment
Share on other sites

Hi nofpowells,

 

Could you provide a reduced case example? It is very hard to troubleshoot code without seeing it in context. We don't need all of the code that you are working on, just the bit that is the effect that you are having trouble with.

 

Here's a guide, just in case:

 

  • Like 4
Link to comment
Share on other sites

Hello nofpowells,

 

You could try adding immediateRender: false to your from() tween since from() tweens run immediately by default.

 

 

But a codepen demo like Dipscom advised will help us help you better. So a codepen demo is highly recommended.

 

Thanks!

 

:)

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×