jQueryフェード要素には、「視認性：非表示」というスタイルの要素が表示されません

StackOverflow https://stackoverflow.com/questions/2435751

  •  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レイアウトに保存されています

http://jsfiddle.net/vzwq6/

代わりにfadeto（持続時間、値）を使用できませんか？確かにこのようにして、あなたは0と1にフェードすることができます。

隠された要素を一致させてみませんか？

$（ "。littleme：hidden"）。fadein（）;

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top