2016-12-21 3 views
0

私は2つの子ディビジョンを持つ外部親ディビジョンを持っています。私は両方の子divを非表示にし、ユーザーがページの特定のセクションにスクロールするまで、divがフェードインするようにします。内部divのvisibility属性をfalseに設定した場合、隠された?親ディビジョンを作成するインテリアディビジョンが隠されているときにオリジナルサイズを保持する

+2

「visibility:hidden」を使用すると、サイズは保持されます。あなたが 'display:none'を使う場合のみ、サイズは.. –

答えて

1
visibility:hidden 

HTML要素にはスペースが必要ですが、表示されません。この要素は、単に透過的であるため、言い換えれば簡単です。

display:none 

HTML要素はスペースを保持せず、表示されません。

可視性:隠されたあなたは

+0

に変わります。私がdivをフェードインしようとしているとき、まずそれらを隠してからfadeIn()関数を呼び出します。しかし、このhideを呼び出すと、いくつかの奇妙な動作が発生し、問題が発生していました。 –

1

Bishalが正しい欲しいものおそらく、あなたが使用できる別のアプローチは、(可視性や不透明度を使用してのいずれか)Opacityプロパティとの両方のケースでのアニメーション化することです、あなたが設定することができます

CSS:

.element { 
    opacity: 0; 
    transition: all 1s ease-in-out; 
} 

を次に、あなたのをターゲットにすることができ効果でフェードを生成するアニメーションJSでスクロールし、不透明度プロパティを1に設定します(遷移プロパティはフェードインを保証します)。

関連する問題