Проблемы перехода Javascript / CSS3

Question

У меня есть страница с ссылками ajax между страницами, и у меня возникли некоторые проблемы с переходом. Я настроил демонстрационную страницу на jsfiddle для демонстрации.

http://jsfiddle.net/UVr4A/

Проблема в том, что, когда содержимое изменяет высоту, div окажется в неправильной позиции и вызовет негладкий переход. Я попробовал пару вещей, чтобы попытаться это исправить. Мое текущее решение состоит в том, чтобы удалить свойство animate из div и затем переместить его, но это не всегда работает. В своем коде я прокомментировал задержку, чтобы продемонстрировать проблему. Даже с задержкой в ​​50 мс он не работает должным образом (я думаю, что это связано с задержкой браузера, так как на jsfiddle это почти никогда не происходит), поэтому я ищу более элегантное решение, которое не заставляет переход переходить больше .

Я использую переходы css3, а не jquery, потому что они имеют тенденцию быть намного более гладкими.

Answer 1

Ну, оказывается, проблема не имела ничего общего с тем, что я думал. Отчасти это было из-за того, что я слишком упростил свой вопрос и в итоге решил проблему.

На моей длинной странице есть изображения, которые в конечном итоге загружаются в середине перехода, что и вызывает прыжок. Я исправил это с помощью событий загрузки и тайм-аута.

Answer 2

Я думаю, что проблема была в переходе CSS.Проверьте это:

http://jsfiddle.net/UVr4A/2/