jQuery slideDown跳跃效果

Question

在FF4中导致这种奇怪的跳跃效果是什么（请参阅下滑最新作业）？

http://jsfiddle.net/ipavelek/2dMNb/2/

Everyhing在Chrome / Safari中运行良好。

注意： 将.media的高度设置为45px可修复此特定情况，但无法解决问题。

Answer 1

我在Firefox中遇到了与jQuery slideDown类似的问题。我还认为问题在于计算文本维度。我把它添加到元素：

.element_to_slide {
   width: 100%;
}  

如果你的包装div有overflow:hidden或overflow:visible或其它东西来迫使元素扩展到整个宽度，你通常不会需要它。

希望这有帮助。

Answer 2

我可以通过在.body类中添加宽度来消除此问题：http://jsfiddle.net/brianflanagan/HBmuv/

不确定为什么会这样，但我的猜测是jQuery正在计算幻灯片动画的高度，之后FF已经发现.body节点将适合img锚点。