要素が.animate({width: 'hide'})で非表示になると消える前に点滅しますが、Chromeのみ

この問題はChrome/Chromium(LinuxとWindows)で発生します.JQueryを使用して .animate({width: 'hide'})で要素を非表示にすると、秒が元のサイズに戻り、その後すぐに消えます。

I made a fiddle: http://jsfiddle.net/FyDWE/4/

IE9とFirefoxでは、すべてが期待通りに機能します。

前もって感謝します!

2

1 答え

回避策はありませんでした( width: 'hide' を使用する必要がある場合)。編集したときに私が非常に奇妙なブラウザのバグであるように見えましたjQuery fxコアがフリッカーポイントに戻ります。

ここにjsfiddleがあります:

http://jsfiddle.net/FyDWE/9/

マウスを離れると、アニメーションが縮小し始め、最後に達したら突然サイズがフルに変わります。今はこれがあなたのフリッカーソースであり、jQuery編集のためにそこで停止します。

アニメーション化されていた .options span要素のstyle属性を編集すると、 display:inline-block; overflow-x:hidden; overflow-y:hidden;幅:0ピクセル;

width1px に変更すると、( display:インラインブロック、オーバーフローx:非表示、オーバーフローy:非表示、幅:1px、/code>)突然完全に縮小します。

だから私はちらつきがこのから来ていると思う:上記のjsfiddleに示されているように、アニメーションは0pxに達し、これはクロムの突然のフルサイズを意味し、その後要素は隠れます。 IE9でリンクされたjsfiddleを試してみると、ちらつきのフリーズ状態はwidthでも普通です:0pxクロムのような黒い棒がありません。

編集:

widthを使用しない場合のバグに対する私の回避策は次のとおりです: 'hide'

http://jsfiddle.net/FyDWE/10/

5
追加された
あなたの迅速な(そして明確な)答えに感謝します!そんなに遅く返事をくれたことを謝ります。
追加された 著者 lemon24,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript