現時点で次のようなことをすると
$.('#myelem').fadeOut();
要素を正常にフェードアウトさせますが、画面上の他のすべてを再配置します。他のすべての要素を同じ場所に保持しながらフェードアウトするにはどうすればよいですか?
現時点で次のようなことをすると
$.('#myelem').fadeOut();
要素を正常にフェードアウトさせますが、画面上の他のすべてを再配置します。他のすべての要素を同じ場所に保持しながらフェードアウトするにはどうすればよいですか?
fadeOutを使用する代わりに、animateを試してください:
$("#myelem").animate({"opacity": 0});
JQuery のソースを見ると、fadeOutが実際に "opacity: hide" にアニメーション化されていることがわかります。ストレートアニメーション機能を使用すると、要素が表示されたままになり、見えなくなります。
$.('#myelem').animate({opacity : 0}, 600);
jQuery から:
.fadeOut() メソッドは、一致した要素の不透明度をアニメーション化します。opacity が 0 になると、display style プロパティが none に設定されるため、要素はページのレイアウトに影響しなくなります。
不透明度を 0 にアニメートするだけでdisplay:none
は、要素はドキュメント フロー内に保持され、他の要素に影響を与えないようにdisplay:none
なります。
fadeTo()
をアニメーション化する代わりにメソッドを使用しopacity
ます。
$el.fadeTo('fast', 0)