HTML <body> jQueryを使用したfadeIn/fadeOutは、ディスプレイでのみ機能します。なし

ロード時にかなりのページ効果があり、読み込み時にページが変形する可能性があります。これをやめるために、私は体をフェードアウトさせています。ただし、display:none;がCSSの本文セクションに含まれている場合にのみ機能します。HTML <body> jQueryを使用したfadeIn/fadeOutは、ディスプレイでのみ機能します。なし

CSS

body { 
    position: relative; 
    min-height: 100%; 
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    border-collapse: collapse; 
    font-size: 12px; 
    display: none; 
}

window.onload = function() { 
    $('body').fadeIn(); 
    main(); // my effect function 
}; 

window.onbeforeunload = function() { 
    $('body').fadeOut(); 
};

私はVS 2015のデザインエディタを使用していますし、display:none;が設定されているので、私は私のページを見ることができません。

display:none;なしで動作しない理由はありますか？

出典

2016-08-31 Astrify

'display：none'を使わないようにするには、あなたのJS、* before * you *' '.fadeIn（）'で '$（ 'body'）。hide（）; –

fadeInは、不透明度を現在の状態から1（つまり透明度なし）にアニメーション化します。

要素は、場合エレメントは、50％の不透明度を有する場合に0から1への遷移となり、それは一方で、0.5から1

に移行されることを、完全に非表示になっている場合要素は既に表示されています。要素は既にターゲット状態になっているため、アニメーションはまったくありません。

出典

2016-08-31 12:48:04

これは非常に意味があります。ありがとう:) – Astrify

HTML <body> jQueryを使用したfadeIn/fadeOutは、ディスプレイでのみ機能します。なし

答えて

関連する問題