.fadeOut（）方法使用显示属性的可见性属性

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

我的问题是他们是否可以使用可见性属性，因此元素占用页面布局中的空间并且不仅仅是可见的？

Answer 1

使用jQuery的fadeTo（）然后让回调设置可见性。 例：

$('selector').fadeTo(500, 0, function(){ $('selector').css("visibility", "hidden"); }); // duration, opacity, callback 

http://jsfiddle.net/7HjB6/

Answer 2

刚刚覆盖回调中的属性

 $('Element').on("click", function() { $(this).fadeOut(500, function() { $(this).css({"display": "block","visibility": "hidden"}); // <-- Style Overwrite }); })​ 

Answer 3

使用css不透明度的动画效果似乎达到了类似的效果。

 $('#element').animate({opacity: 0}, 1000); 

使用不透明度运行相同：1以淡入淡入。

信用 。