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 フレームに変更され、領域が再び占有されます。
opacity と を使用してみてください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();