jQuery .animate() перескакивает в Chrome

Question

Я использую jQuery .animate() для перемещения контейнера с абсолютным расположением. FF, IE и Opera перемещают контейнер правильно вверх. С Chrome контейнер прыгает вверх и перемещается на 200px с поля.

JQuery:

$("#indexbox").animate({top: "0", marginTop: "0"}, 500); 

CSS:

#indexbox { 
position: absolute; 
width: 500px; 
left: 50%; 
top: 50%; 
margin-left: -250px; 
margin-top: -200px; 
} 

Может кто-нибудь помочь?

Answer 1

Если вы хотите, чтобы элемент появился снизу и двигался вверх, вы не должны устанавливать отрицательный верхний край. По моему личному мнению, Chrome - это единственный браузер с «логическим» рендерингом вашего кода.

Я сделал здесь пример, который делает то, что я думаю, что вы хотите: http://jsfiddle.net/QLBvh/1/