2011-10-24 7 views
6

ここにjsfiddleです。
あなたがChromeでそれを開くと、いくつかの要素を選択して、あなたは、問題が表示されます選択解除:Chromeでのアニメーション中のマークアップ(jsfiddle)

Problem with markup during animation in Chrome http://img803.imageshack.us/img803/3980/013m.png

また#selectorがhide-アニメーションの最後に「ジャンプ」。これはChromeでのみ表示されます。これをどうすれば解決できますか?

+2

animate' 'のバグのように思えます。ボックスから文字を削除すると、ジッタが修正されます。 'animate'を修正するか、' li'の中に追加の要素を置く - http://jsfiddle.net/HPm4a/36/ –

+0

そして、あなたが本当に速く数回クリックするとどうなりますか? – Pachonk

答えて

0

アニメーションの最後のジッタについてはわかりませんが、アニメーションの終了時のジッタを修正するには、li要素のfloat: leftプロパティを削除してください。

+0

'#selector'には他の要素(グループヘッダーのようなもの)がたくさんあり、' float:left'でうまく位置付けられているので、私はそうしたくありません。私が 'float'を削除した場合、私は他の多くの余分なマークアップを追加する必要があります... – disfated

関連する問題