Div出现悬停

我有一个问题，目前我正在研究一个DIV，当你将鼠标悬停在它上面时，它会向上移动。我发现了一个JS提琴在计算器上用的解决方案。（http://jsfiddle.net/N9uwD/19/）Div出现悬停

现在我改变了DIV用我自己的需要，但突然DIV抖动的底部，当它膨胀。（见http://jsfiddle.net/MeBxJ/609/）

我很难找到这个问题的解决方案。有人可以帮助我找到解决方案，当它膨胀时底部不会动摇吗？现在，CSS正是我需要它（与顶级位置等）。

如果您一次对两件事物进行动画处理，您将始终得到此结果。为了让这个工作没有晃动，我会将这个物品对齐到底部，并且让这个高度动起来。我不知道你打算如何使用它，但它可能是一个选项。

2012-02-07 12:22:43 sidonaldson

我改变了现在的JS小提琴。我做到了，因为这个div在另一个里面。这是它的样子：http://jsfiddle.net/MeBxJ/642/。你可以看到div在底部晃动。 – 2012-02-07 12:33:30

试试这个。 http://jsfiddle.net/89HPn/1/你看到如何保持DIV是相对位置和孩子DIV绝对位置，设置底部：0; 然后，我只是将高度设置为动画 - 它会从下往上增长！ – sidonaldson 2012-02-07 12:42:51

当离开div时，它是否可以停止动画？现在，如果我用鼠标悬停垃圾邮件，它会不断上下。你知道吗？ – 2012-02-07 14:52:54

我想这是因为你的高度设置为69px不70px。你的意图是this？

2012-02-07 12:13:09 Olical

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

随着top在CSS和top没有设置在JavaScript组从0px到-35px和<br> s到去把它放下来，你想让它，它似乎没有底轻摇工作。

2012-02-07 12:26:19 Nalum

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

由于您同时更改顶部和高度，因此底部发抖。

2012-02-07 12:57:18

回答