jQueryフェード要素には、「視認性:非表示」というスタイルの要素が表示されません
-
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レイアウトに保存されています
代わりにfadeto(持続時間、値)を使用できませんか?確かにこのようにして、あなたは0と1にフェードすることができます。
隠された要素を一致させてみませんか?
$( "。littleme:hidden")。fadein();
所属していません StackOverflow