Jquery 褪色元素不显示样式为“可见性: 隐藏”的元素

我有一堆缩略图，我正在加载与风格的 visibility: hidden;，使他们都保持正确的布局。一旦页面完全加载，我有一个 jquery 函数，淡出他们。这种工作时，他们的风格被设置为 display: none;，但显然布局搞砸了当时。有什么建议吗？

下面是淡出线:

$('.littleme').fadeIn('slow');

45928 次浏览

小开

尝试使用不透明度和 animate():

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);

小开

最佳答案

像下面这样给链条添加几个调用:

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

这将改变它的 display:none为1帧之前淡入，再次占领该地区。

小开

尝试匹配隐藏元素？

$(“ . littleme: hide”) . fadeIn () ;

小开

不能使用 fadeTo (持续时间，值)代替吗？当然，这种方式可以淡出到0和1，这样就不会影响文档流..。

小开

<span style="opacity:0;">I'm Hidden</span>

展示: $('span').fadeTo(1000,1)

隐藏: $('span').fadeTo(1000,0)

空间保留在 DOM 布局中