我有一堆,我正与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布局保存

http://jsfiddle.net/VZwq6/

广东话使用fadeTo(持续时间,值),而不是?当然这种方式可以淡化为0和1,你是不是影响文档流这样...

尝试为隐藏的元件匹配?

$。( “littleme:隐藏”)淡入();

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top