.fadeOut()方法可对匹配元素的不透明度进行动画处理。一旦不透明度达到0,显示样式属性将设置为none,因此该元素不再影响页面的布局,对fadeIn()相同。
我的问题是,他们是否可以使用可见性属性,以便它们的元素占据页面布局中的空间,而不仅仅是可见?
使用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>