4

現在、タブをクリックすると幅が最大とゼロに切り替わるタブ付きセクションを持つツールに取り組んでいます。タブとセクションを含む div 全体が固定され、ウィンドウの右上に配置されます。そこには 95% ありますが、メソッドを使用して展開されたセクションの幅をゼロに切り替えると、断続的なちらつきが発生します$.animate({width: "toggle"});。何が原因であるかについてのアイデアはありますか?

ここではフィドルにあります - http://jsfiddle.net/Tgdrb。私は可能な限り単純化して問題を示しましたが、ページ上で実際にどのように見えるかから完全に外れないようにしました. また、これを CSS の質問としてタグ付けしています。これは、CSS を構造化した方法が問題の原因であるかどうか疑問に思っているからです (そうだとしても驚かないでしょう)。

みんなありがとう!

4

1 に答える 1

2

興味のある方のために、純粋な CSS3 でこれを行う方法があります。IE では (まだ) 動作しませんが、正常に機能が低下するため、かなりうまく動作します。

ここでフィドル: http://jsfiddle.net/Tgdrb/17/

ええ、これに対する答え: Chrome は再描画を引き起こします。効果が気に入らない場合は、やりたいことを行うためのより良い方法を見つけてください。

于 2012-06-19T23:47:09.303 に答える