jQuery的淡入淡出元素不显示样式元素的可见性:隐藏“
-
19-09-2019 - |
题
我有一堆,我正与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(持续时间,值),而不是?当然这种方式可以淡化为0和1,你是不是影响文档流这样...
尝试为隐藏的元件匹配?
$。( “littleme:隐藏”)淡入();
不隶属于 StackOverflow