2011-04-20 89 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