jquery elemento dissolvenza non mostra elementi in stile 'di visibilità: nascosto'
-
19-09-2019 - |
Domanda
Ho un mucchio di miniature che sto carico con uno stile di visibility: hidden;
in modo che tutti mantengono le loro layout corretti. Una volta che la pagina viene caricata completamente Ho una funzione jQuery che li sfuma in. Questo ha funzionato quando il loro stile è stato impostato su display: none;
ma ovviamente il layout avvitato poi. Qualche suggerimento?
Ecco la linea di dissolvenza:
$('.littleme').fadeIn('slow');
Soluzione
Aggiungere un paio di telefonate alla catena in questo modo:
$('.littleme').css('visibility','visible').hide().fadeIn('slow');
Questo cambierà a display:none
per 1 fotogramma prima dissolvenza in apertura, che occupa la zona di nuovo.
Altri suggerimenti
provare a utilizzare l'opacità e animate()
:
$('.littleme').css('opacity',0).animate({opacity:1}, 1000);
<span style="opacity:0;">I'm Hidden</span>
Per Mostra: $('span').fadeTo(1000,1)
Per nascondere: $('span').fadeTo(1000,0)
Lo spazio è conservato nel layout DOM
Il Cant lo usa fadeTo (durata, valore), invece? Sicuramente questo modo si può sbiadire a 0 e 1, in questo modo non si sta interessando il flusso documento ...
Prova di corrispondenza per l'elemento nascosto?
$. ( "Littleme: nascosto") fadeIn ();