jquery - jQueryのslideDownジャンプ効果

Question

FF4 でこの奇妙なジャンプ効果が発生する原因は何ですか? (最新のジョブのスライドダウンを参照)

Chrome/Safari ではすべて正常に動作します。

注: の高さ.mediaを 45px に設定すると、この特定のケースは修正されますが、問題は解決しません。

score 7 · Accepted Answer

slideDownFirefoxの jQuery でも同様の問題がありました。また、問題はテキストの寸法の計算にあると思います。これを要素に追加しました：

.element_to_slide {
   width: 100%;
}

overflow:hiddenラッピング div にまたはoverflow:visible要素を強制的に全幅に拡張する何かがある場合、通常は必要ありません。

お役に立てれば。

score 0 · Accepted Answer

.body クラスに幅を追加することで問題を解決できました: http://jsfiddle.net/brianflanagan/HBmuv/

理由はわかりませんが、.body ノードが img アンカーの隣に収まることを FF が判断する前に、jQuery がスライドアニメーションの高さを計算していると思います。

2 に答える 2