想要使用jQuery淡入效果，但初始状态是visibility:hidden

Question

6

看起来大多数jQuery淡入/淡出和动画函数都是基于初始元素具有display:none而不是visibility:hidden。

如果我希望初始元素在页面上占用空间（即使用visibility:hidden），但然后使用淡入/淡出或滑动效果，有没有简单的方法可以实现？

- phpmysqlguy

1

@StuartKershaw，我看不出你的问题与这个问题有任何关联。 - Liam

1

2个回答

8

您也可以尝试像这样做（演示），使用fadeIn。

$('div').css({opacity: 0, visibility: "visible"}).animate({opacity: 1}, 'slow');

- The Alpha

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- hiattp · Accepted Answer

当然，首先使用visibility: hidden，然后执行以下操作：

$('.your-element').css('visibility','visible').hide().fadeIn();

以下内容来自一个非常相似的问题。