remove - El elemento jquery fade no muestra elementos con el estilo ''visibility: hidden''
jquery fadeout delay (5)
¿No puedes usar fadeTo (duración, valor) en su lugar? Seguramente de esta manera puede desvanecerse a 0 y 1, de esa manera no está afectando el flujo de documentos ...
Tengo un montón de miniaturas que estoy cargando con un estilo de visibility: hidden; para que todos mantengan sus diseños correctos. Una vez que la página está completamente cargada, tengo una función jquery que los desvanece. Esto funcionó cuando su estilo estaba configurado para display: none; pero obviamente el diseño se arruinó entonces. ¿Alguna sugerencia?
Aquí está la línea de desvanecimiento:
$(''.littleme'').fadeIn(''slow'');
Agregue algunas llamadas a la cadena de esta manera:
$(''.littleme'').css(''visibility'',''visible'').hide().fadeIn(''slow'');
Esto lo cambiará para display:none para 1 fotograma antes de desvanecerse, ocupando el área nuevamente.
Intenta hacer coincidir para el elemento oculto?
$ (". littleme: hidden"). fadeIn ();
intente usar opacity y animate() :
$(''.littleme'').css(''opacity'',0).animate({opacity:1}, 1000);
<span style="opacity:0;">I''m Hidden</span>
Para mostrar: $(''span'').fadeTo(1000,1)
Ocultar: $(''span'').fadeTo(1000,0)
El espacio se conserva en el diseño DOM