Div出现悬停

Question

我有一个问题，目前我正在研究一种当你悬停在它上面时向上移动的DIV。 我在StackOverflow上找到了一个带有解决方案的JS小提琴。（http://jsfiddle.net/N9uwD/19/）

现在我根据自己的需要更改了DIV，但是当DIV扩展时，{{1}}的底部突然发出震动。（见http://jsfiddle.net/MeBxJ/609/）

我无法找到此问题的解决方案。有人可以帮我找到解决方案，当它扩展时底部不会摇晃吗？ css现在正是我需要的方式（顶部位置等）。

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

Answer 1

完成！解决方案是插入一个bottom属性，以便div的底部始终保持不变。然后你需要为高度设置动画。

由于你同时改变顶部和高度，底部摇晃。

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

Answer 2

如果你一次动画两件事，你将永远得到这个。为了让它在没有摇动的情况下工作，我会将项目对齐到底部，然后只为高度设置动画。我不知道你打算如何使用它，但它可能是一种选择。

Answer 3

我认为这是因为您将高度设置为69px而不是70px。 this你的意图是什么？

Answer 4

我认为这是因为你在css中设置了top。

{c}中没有设置top而JavaScript设置中的top设置为0px到-35px和<br>以将其降低到你想要它，它似乎没有底部的摇摆。

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