首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >不显示none的jQuery fadeOut?

不显示none的jQuery fadeOut?
EN

Stack Overflow用户
提问于 2010-12-29 04:45:59
回答 4查看 48.8K关注 0票数 81

有没有fadeOut()的替代方法,不使用display:none作为样式?我只想使用隐藏的可见性来避免页面布局中的任何形式的移动?

EN

回答 4

Stack Overflow用户

发布于 2010-12-29 05:07:07

是的,还有另一种选择。It's called .fadeTo(),您可以在其中设置目标不透明度,在本例中将为0

代码语言:javascript
复制
$('element').fadeTo( 1000, 0 ); // fade to "0" with a 1000ms duration

这不会改变最后的display属性。

票数 72
EN

Stack Overflow用户

发布于 2010-12-29 04:54:26

自定义动画是另一种http://api.jquery.com/animate/

代码语言:javascript
复制
.animate({opacity: 0.0}, 5000, 'linear', callback);
票数 3
EN

Stack Overflow用户

发布于 2014-06-14 00:48:47

执行此操作的一种方法是捕获显示模式,然后执行.fadeOut,最后执行您首选的隐藏方法,并将显示设置回原来的状态:

代码语言:javascript
复制
var $element = $('#selector');

var display = $element.css('display');
$element.fadeOut(500, function() {
   $element.css('visibility', 'hidden'); 
   $element.css('display', display);
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4549389

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档