Animate top property with percentage

[bruno.swf]

As I encourage you to "top" property of an element with percentage value?

 

Thanks

[Carl]

if you want to use top:50% on an element

 

1) make sure that its position is absolute

See the Pen 74c0c95913c6bd93ca487a81cbc37a68 by GreenSock (@GreenSock) on CodePen

 

or

 

2) make sure its position is relative AND its parent element has a height specified

See the Pen a62450d29d8c693be964152baf3ac14f by GreenSock (@GreenSock) on CodePen

 

I'm pretty sure that's just the way it has to be with css.

 

Notice in each example #box2 simply has top:50% set and it matches exactly with the tweened element.

 

 

 

If you still have problems, please provide an example. Its hard to guess what might be going on without any details. Perhaps there is something we are missing.