如何在不影響其他元素的位置的情況下做jQuery fadeOut？

Question

目前，如果我這樣做

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

這將成功地淡出元素，但然後一切重新定位在屏幕上的其他人。我怎樣才能在淡化所有其他元素在同一個地方？

Answer 1

而不是使用淡出，儘量動畫：

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

如果你看一下JQuery source，你會發現，淡出其實動畫播放至 「不透明度：隱藏」。使用直線動畫函數會將元素顯示爲不可見。

Answer 2

$.('#myelem').animate({opacity : 0}, 600); 

從jQuery的：

的.fadeOut（）方法動畫匹配元素的不透明度。 一旦不透明度達到0，顯示樣式屬性設置爲無， ，因此該元素不再影響頁面的佈局。

只是動畫的不透明度爲零不會使display:none，並且將繼續在文檔流動的元件，以免影響其他元素的方式設置display:none意志一樣。

Answer 3

使用fadeTo()方法，而不是它的動畫opacity：

$el.fadeTo('fast', 0)