2011-04-20 92 views
0

在FF4中引起这种奇怪的跳跃效果的原因是什么(请参阅下滑最新的作业)?jQuery slideDown跳跃效果

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

Everyhing工作在Chrome/Safari的罚款。

注意: 将.media的设置高度修正为45px可以修复此特定情况,但不能解决问题。

+0

这可能只是浏览器使用的渲染。无论如何,你的FF4是否缓慢? – Alex 2011-04-21 13:53:55

回答

7

我在Firefox中遇到类似jQuery slideDown的问题。我也认为这个问题与计算文本的尺寸有关。我已将此添加元素:

.element_to_slide { 
    width: 100%; 
} 

你通常不会需要,如果您的包装div有overflow:hiddenoverflow:visible或别的强迫元素扩展到整个宽度。

希望这会有所帮助。

+0

谢谢,我只是出来了机智的JavaScript解决方案。这一个看起来是解决这个问题的人在Firefox – 2011-06-25 10:32:19

+0

谢谢!这对我来说是痛苦的。 – Howard 2012-12-10 19:45:54

0

我能够通过增加宽度的。体类来消除此问题:http://jsfiddle.net/brianflanagan/HBmuv/

不知道为什么它的发生,但我的猜测是,jQuery是计算幻灯片动画高度FF已经想通之前.body节点将放在img锚点旁边。

+0

这个媒体块的要点是,它应该根据父容器使用任何宽度,因此将其设置为250px(或任何其他固定大小)不能解决问题。目前唯一的解决方案是动态设置高度或宽度。 – 2011-04-27 14:00:59

+0

我不确定它为什么会发生,但是如果你检查这个例子http://jsfiddle.net/2dMNb/16/(我添加了一些背景),你会看到元素的行为。 – 2011-04-27 14:04:22