0

現時点で次のようなことをすると

$.('#myelem').fadeOut();

要素を正常にフェードアウトさせますが、画面上の他のすべてを再配置します。他のすべての要素を同じ場所に保持しながらフェードアウトするにはどうすればよいですか?

4

3 に答える 3

3

fadeOutを使用する代わりに、animateを試してください:

$("#myelem").animate({"opacity": 0});

JQuery のソースを見ると、fadeOutが実際に "opacity: hide" にアニメーション化されていることがわかります。ストレートアニメーション機能を使用すると、要素が表示されたままになり、見えなくなります。

于 2012-07-04T04:52:00.860 に答える
0
$.('#myelem').animate({opacity : 0}, 600);

jQuery から:

.fadeOut() メソッドは、一致した要素の不透明度をアニメーション化します。opacity が 0 になると、display style プロパティが none に設定されるため、要素はページのレイアウトに影響しなくなります。

不透明度を 0 にアニメートするだけでdisplay:noneは、要素はドキュメント フロー内に保持され、他の要素に影響を与えないようにdisplay:noneなります。

于 2012-07-04T04:51:40.617 に答える
0

fadeTo()をアニメーション化する代わりにメソッドを使用しopacityます。

$el.fadeTo('fast', 0)
于 2012-07-04T04:57:45.467 に答える