jQuery анимационная проблема chrome vs mozilla

Question

У меня возникла проблема с div, который я пытаюсь оживить. В mozilla, когда я запускаю код ниже, я получаю анимацию #nav div от нижней части страницы до верхней части страницы. Когда я запускаю тот же код в хром или сафари, он перескакивает в верхнюю часть окна браузера и анимирует вниз на 52 пикселя. Вы знаете, почему это происходит?

$("#nav").animate({'top': 52}, 2000); 

#nav ДИВ

position:absolute; 
bottom:-70px; 

первое OnClick событие вызывает его частичное появление в нижней части страницы. 2nd onclick запускает его, чтобы перейти от нижней части страницы к верхней части страницы.

Answer 1

Это похоже на то, что вы анимации top элемента, который не имеет набора top. Вы можете обойти эту проблему, установив top перед одушевленным:

var $this = $("#nav"); 

$this.css("top", $this.position().top); 
$(this).animate({"top": 0}, 1000); 

http://jsfiddle.net/zmrC5/

EDIT: Различие связано с различными результатами браузеры возвращают при проверке значения элемента top, который не имеет верхнего множества. Вы можете увидеть это с этой скрипкой:

http://jsfiddle.net/zmrC5/1/

Chrome вернется «авто», тогда как светлячок возвращает вычисленное верхнее значение.