我有一堆缩略图,我正在加载它们的样式,visibility: hidden;
以便它们都保持正确的布局。页面完全加载后,我有一个淡入淡出它们的 jquery 函数。当它们的样式设置为时,这很有效,display: none;
但显然布局搞砸了。有什么建议么?
这是淡入淡出线:
$('.littleme').fadeIn('slow');
我有一堆缩略图,我正在加载它们的样式,visibility: hidden;
以便它们都保持正确的布局。页面完全加载后,我有一个淡入淡出它们的 jquery 函数。当它们的样式设置为时,这很有效,display: none;
但显然布局搞砸了。有什么建议么?
这是淡入淡出线:
$('.littleme').fadeIn('slow');
像这样向链中添加一些调用:
$('.littleme').css('visibility','visible').hide().fadeIn('slow');
这将在淡入之前将其更改display:none
为 1 帧,再次占据该区域。
尝试使用不透明度和animate()
:
$('.littleme').css('opacity',0).animate({opacity:1}, 1000);
<span style="opacity:0;">I'm Hidden</span>
显示 :$('span').fadeTo(1000,1)
隐藏 :$('span').fadeTo(1000,0)
空间保留在 DOM 布局中
你不能使用 fadeTo(duration, value) 代替吗?当然,这样你就可以淡化到 0 和 1,这样你就不会影响文档流......
尝试匹配隐藏元素?
$(".littleme:hidden").fadeIn();