一尘不染

.fadeOut()方法使用可见性属性代替显示属性

css

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

我的问题是,他们是否可以使用可见性属性,以便它们的元素占据页面布局中的空间,而不仅仅是可见?


阅读 263

收藏
2020-05-16

共1个答案

一尘不染

使用jQuery的fadeTo(),然后通过回调设置可见性。例:

$('#fade').on("click", function(){

    $(this).fadeTo(500, 0, function(){

        $(this).css("visibility", "hidden")

    }) // duration, opacity, callback

})


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<a href="#" id="fade">Click to Fade</a>

<div>This won't move</div>
2020-05-16