jQuery slideDown 跳跃效果答案

【问题标题】：jQuery slideDown jumping effectjQuery slideDown 跳跃效果
【发布时间】：2011-04-20 14:25:35
【问题描述】：

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

在 Chrome/Safari 中一切正常。

注意：将.media 的高度设置为 45px 可以解决这种特殊情况，但不能解决问题。

【问题讨论】：

【解决方案1】：

我在 Firefox 中使用 jQuery slideDown 时遇到了类似的问题。我也认为问题在于计算文本尺寸。我将此添加到元素：

.element_to_slide {
   width: 100%;
}

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

希望这会有所帮助。

【讨论】：

【解决方案2】：

我能够通过向 .body 类添加宽度来消除此问题：http://jsfiddle.net/brianflanagan/HBmuv/

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

【讨论】：

这个媒体块的要点是它应该根据父容器使用任何宽度，因此将其设置为 250px（或任何其他固定大小）并不能解决问题。到目前为止，唯一的解决方案是动态设置高度或宽度。
我也不知道为什么会这样，但是如果你查看这个例子jsfiddle.net/2dMNb/16（我添加了一些背景），你会看到元素的行为。