Div, появляющийся с зависанием

Question

У меня есть вопрос, в настоящее время я работаю над DIV, который перемещается вверх, когда вы наводите на него курсор. я нашел JS скрипку на StackOverflow с раствором. (http://jsfiddle.net/N9uwD/19/)

Теперь я изменил DIV со своими собственными потребностями, но вдруг Дно DIV трясет, когда она расширяется (см. http://jsfiddle.net/MeBxJ/609/)

Мне трудно найти решение этой проблемы. Может ли кто-нибудь помочь мне найти решение, что дно не будет дрожать, когда оно расширяется? Теперь css теперь именно то, что мне нужно (с верхней позицией и т. Д.).

http://jsfiddle.net/MeBxJ/609/

Answer 1

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

Answer 2

Я думаю, это потому, что вы устанавливаете высоту 69px не 70px. Есть this, как вы намеревались?

Answer 3

Я думаю, это потому, что вы установили top в css.

С top не установлен в CSS и top в наборе JavaScript, чтобы перейти от 0px к -35px и <br> с, чтобы привести его туда, где вы хотите его, кажется, работают без нижнего покачивания.

http://jsfiddle.net/MeBxJ/633/

Answer 4

Готово! Решение заключалось в том, чтобы вставить нижний атрибут, чтобы дно div всегда оставалось постоянным. Затем вам нужно просто оживить высоту.

Поскольку вы одновременно меняли верх и высоту, дно дрожало.

http://jsfiddle.net/MeBxJ/644/