0

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

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

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

4

3 回答 3

3

而不是使用fadeOut，尝试animate：

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

如果您查看JQuery 源代码，您会注意到fadeOut实际上动画为“不透明度：隐藏”。使用直接动画功能使元素显示，只是不可见。

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

来自 jQuery：

.fadeOut() 方法动画匹配元素的不透明度。一旦不透明度达到 0，显示样式属性设置为无，因此元素不再影响页面的布局。

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

于 2012-07-04T04:51:40.617 回答
0

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

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