この問題はChrome/Chromium(LinuxおよびWindows)で表示されます:JQueryを使用して.animate({width: 'hide'})
元のサイズに戻ってすぐに消えてしまいます。Chromeでのみ非表示({width: 'hide'})で非表示になると要素がちらつきます
私はバイオリンを作った:予想通りIE9とFirefoxのすべてでhttp://jsfiddle.net/FyDWE/4/
で動作します。
ありがとうございます!
この問題はChrome/Chromium(LinuxおよびWindows)で表示されます:JQueryを使用して.animate({width: 'hide'})
元のサイズに戻ってすぐに消えてしまいます。Chromeでのみ非表示({width: 'hide'})で非表示になると要素がちらつきます
私はバイオリンを作った:予想通りIE9とFirefoxのすべてでhttp://jsfiddle.net/FyDWE/4/
で動作します。
ありがとうございます!
私は回避策(width: 'hide'
を使用する必要がある場合)を利用することができませんでしたが、jQuery fxコアを編集するときに私が非常に奇妙なブラウザのバグであるように見えましたフリッカーポイント。ここで
はjsfiddleです:
マウスを残しすると、アニメーションが縮小し始めます、そしてそれは終わりだ到達したとき、それは突然いっぱいにサイズ変更します。今はこれがあなたのフリッカーソースであり、jQuery編集のためにそこで停止します。
あなたが今、アニメーションされていた.options span element
のスタイル属性を編集する場合、あなたはそれが突然、完全に縮小されますあなたは1px
からwidth
、(display: inline-block; overflow-x: hidden; overflow-y: hidden; width: 1px;
)を変更した場合、それは今display: inline-block; overflow-x: hidden; overflow-y: hidden; width: 0px;
を持って見ることができます。
だから私はフリッカーがこのから来ていると思う:上記のjsfiddleに示されているように、アニメーションが0pxに達してクロムが突然フルサイズになり、その後要素が隠れる。 IE9でリンクされたjsfiddleを試してみると、ちらつきのフリーズ状態はwidthでも普通です:0pxクロムのような黒い棒がありません。
編集:
ここwidth: 'hide'
を使用していない場合は溶液中のバグのための私の回避策はありますが実現可能である:あなたのプロンプト(クリア)に答えるため
どうもありがとう!そんなに遅く返事をくれたことを謝ります。 – lemon24