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

Question

此刻，如果我做了类似

的事情

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

它会成功淡出元素，然后重新定位屏幕上的其他内容。如何在将所有其他元素保持在同一位置的同时淡出？

Answer 1

不要使用 fadeOut ，而是尝试动画：

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

如果您查看JQuery source，您会注意到 fadeOut 实际上是“opacity：hide”的动画。使用直的 animate 函数会使元素显示，只是不可见。

Answer 2

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

来自jQuery：

  

.fadeOut（）方法可以设置匹配元素的不透明度。   一旦不透明度达到0，显示样式属性将设置为none，   所以元素不再影响页面的布局。

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

Answer 3

使用fadeTo()方法代替动画opacity：

$el.fadeTo('fast', 0)