私は2つの子ディビジョンを持つ外部親ディビジョンを持っています。私は両方の子divを非表示にし、ユーザーがページの特定のセクションにスクロールするまで、divがフェードインするようにします。内部divのvisibility属性をfalseに設定した場合、隠された?親ディビジョンを作成するインテリアディビジョンが隠されているときにオリジナルサイズを保持する
0
A
答えて
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に設定します(遷移プロパティはフェードインを保証します)。
関連する問題
- 1. 親アクティビティーが破棄されたときにアクティビティーを保持する方法
- 2. 親レコードがアクティブレコードに保存されているときに親列が挿入されていない場合
- 3. 新しいジョイナーと呼ばれるグループのディビジョンを隠していますか?
- 4. 要素を隠すときにスクロールを保持する
- 5. 下にコンテンツが変更されているときにボタンを保持する
- 6. スクロール表示が使用されているときにオブジェクトを保持する
- 7. サークルが親ディビジョンの外に出る
- 8. キャンセルボタンが隠されているときにカーソルが消える
- 9. 仮想文字列ツリー - 親ノードが隠されているときにサブノードを表示する
- 10. NSStatusItemが隠されているときに告知されています
- 11. 親とパスがハイライトされたツリーを作成する
- 12. キーボードが表示されているときにActionBarが隠れています
- 13. 通知がクリックされたときにアクティビティスタックを保持する
- 14. 一部が隠されているときにビューにUIImageViewsを配置する
- 15. ネストされたディクショナリを作成して以前に生成されたキーを保持するのに問題があるネストディクショナリを作成する
- 16. DatePickerでセルが隠されているときにスクロールビューを移動する
- 17. フォームが隠されているときにキーダウンイベントを取得する
- 18. アクティビティが隠されているときに動画を再生する
- 19. Rでバイグラムを作成するときにアポストロフィを保持する方法は?
- 20. 親オブジェクトが作成されると、Entity Frameworkは新しい子オブジェクトを作成しています
- 21. ngIfによって隠されたコンポーネントの参照を保持する
- 22. ボタンがXcodeに保持されている限りサウンドループを作成するには?
- 23. 親スコーププロパティと分離スコーププロパティを同期させて保持するにはどうすればいいですか?
- 24. 親オブジェクトが変更されたときにUWPがバインドを維持する
- 25. 任意のデータ型を保持できるテンプレート化されたジェネリックベクターを作成するのが難しい
- 26. goMap jquery plugin。 JSONファイルに保持されているコードでポリラインを作成
- 27. レコードが保存される前にアソシエーションを作成する
- 28. CakePHPで新たに作成された親IDを持つ関連モデルを保存する
- 29. AngularJS - 子ループが空(フィルタリングされている場合)の親要素を隠す
- 30. 名前が文字列に保持されたクラスのインスタンスを作成する
「visibility:hidden」を使用すると、サイズは保持されます。あなたが 'display:none'を使う場合のみ、サイズは.. –