75

visibility: hidden;すべてのサムネイルが正しいレイアウトを維持するように、スタイルでロードしているサムネイルがたくさんあります。ページが完全にロードされると、それらをフェードインするjquery関数があります。これは、スタイルがに設定されているときに機能しましたdisplay: none;が、明らかにレイアウトが台無しになりました。助言がありますか?

フェードラインは次のとおりです。

$('.littleme').fadeIn('slow');
4

5 に答える 5

157

次のようにチェーンにいくつかの呼び出しを追加します。

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

これによりdisplay:none、フェードインする前に 1 フレームに変更され、領域が再び占有されます。

于 2010-03-12T20:52:09.863 に答える
27

opacity と を使用してみてくださいanimate():

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);
于 2010-03-12T20:51:52.613 に答える
11

<span style="opacity:0;">I'm Hidden</span>

表示するには:$('span').fadeTo(1000,1)

隠れる :$('span').fadeTo(1000,0)

スペースは DOM レイアウトで保持されます

http://jsfiddle.net/VZwq6/

于 2014-03-19T12:10:58.780 に答える
1

代わりに、fadeTo(duration, value) を使用できませんか? 確かに、この方法で 0 と 1 にフェードできます。そうすれば、ドキュメント フローに影響を与えません...

于 2012-01-05T15:44:20.420 に答える
0

非表示の要素を照合してみますか?

$( "。littleme:hidden")。fadeIn();

于 2010-03-12T20:56:39.673 に答える