如何在不影响其他元素定位的情况下执行jQuery fadeOut？

Question

目前，如果我做类似的事情

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

它将成功淡出该元素，但随后将其他所有元素重新放置在屏幕上。 如何在将所有其他元素保持在同一位置的同时淡出？

Answer 1

而不是使用fadeOut ，请尝试设置动画 ：

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

如果查看JQuery源 ，您会注意到fadeOut实际上会动画化为“ opacity：hide”。 使用直线动画功能使元素保持显示状态，只是不可见。

Answer 2

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

从jQuery：

.fadeOut（）方法可对匹配元素的不透明度进行动画处理。 一旦不透明度达到0，显示样式属性将设置为none，因此该元素不再影响页面的布局。

仅将不透明度设置为零不会使它display:none ，并且将元素保持在文档流中，以便不像设置display:none那样影响其他元素。

Answer 3

请使用fadeTo()方法来设置opacity动画：

$el.fadeTo('fast', 0)