Question

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

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

Answer 1

使用jQuery＆＃39; 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以淡入。

Credit

.fadeOut（）方法使用visibility属性而不是display属性

3 个答案: