jqueryを使用してdivをページ上部にアニメーション表示するが、Chromeで点滅する

Question

jqueryを使用してdivをページ上部にアニメーション表示していますが、何らかの原因でChromeでこれを表示したときにちらつきが激しくなります。ここに私が意味するものの過度に単純化されたバージョンがあります。このちらつきを避ける方法はありますか？

http://jsfiddle.net/WzhY9/

Answer 1

私はあなたが提供した例を実行し、それはあなたがあなたのload_bar要素上のハードウェアアクセラレーションを強制することができます提案としてしかし、私のために点滅しません。

#load_bar { 
    height:10px; 
    position:absolute; 
    background:black; 
    right: 0; 
    top: 400px; 
    width: 300px; 

    /* Force hardware acceleration */ 
    -webkit-transform: translate3d(0, 0, 0); 
    -webkit-backface-visibility: hidden; 
    -webkit-perspective: 1000; 

} 

あなたが他のブラウザをサポートするために、他の人を追加することができ、これが唯一の（ため-webkit-プレフィックス）WebKitのブラウザでは動作しますのでご注意ください。

こちらがお役に立てば幸いです。