1. ホーム
  2. jquery

jquery fade 要素が 'visibility: hidden' でスタイルされた要素を表示しない。

2023-11-21 12:43:48

質問

のスタイルで読み込んでいるサムネイルの束があります。 visibility: hidden; で読み込み、正しいレイアウトを維持するようにしています。ページが完全に読み込まれた後、それらをフェードインさせる jquery 関数があります。これは、スタイルが display: none; に設定されているときはうまくいきましたが、明らかにそのときはレイアウトが狂っています。何か提案はありますか?

これはフェードラインです。

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

どのように解決するのですか?

このようなチェーンにいくつかのコールを追加します。

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

これは、次のように変更されます。 display:none に変更し、フェードインする前に1フレーム、再びその領域を占有します。