Ich habe ein externes Eltern-Div mit zwei untergeordneten Divs. Ich möchte beide untergeordneten divs ausblenden, bis der Benutzer zu einem bestimmten Abschnitt der Seite scrollt. An diesem Punkt werden die divs eingeblendet. Wie kann ich das übergeordnete div beibehalten, wenn das Sichtbarkeitsattribut der interior divs festgelegt ist? versteckt?Übergeordnetes Div beibehalten Originalgröße beibehalten, wenn interne Divs ausgeblendet werden
Antwort
visibility:hidden
Das HTML-Element nimmt Platz, ist aber nicht sichtbar. Das Element ist sozusagen transparent.
display:none
Das HTML-Element hält seinen Platz nicht und ist nicht sichtbar.
Sichtbarkeit: versteckt ist wahrscheinlich das, was Sie wollen
Ich habe festgestellt, dass mein Problem etwas völlig anderes ist. Wenn ich die divs ausblenden will, verstecke ich sie zuerst und rufe dann die Funktion fadeIn() auf. Dieser Aufruf, sich zu verstecken, verursacht jedoch seltsames Verhalten, und das verursachte Probleme. –
Bishal richtig ist, ein weiterer Ansatz, die Sie verwenden können, ist die Opazität Eigenschaft zu animieren und in beiden Fällen (entweder Sichtbarkeit oder Opazität verwendet wird), können Sie ein Set Animation der Fade-in-Effekt zu erzeugen:
die CSS:
.element {
opacity: 0;
transition: all 1s ease-in-out;
}
Dann können Sie gezielt Ihre .element
blättern Sie mit JS und setzen Sie die Deckkrafteigenschaft auf 1 (die Übergangseigenschaft stellt die Einblendung sicher).
- 1. Spinnerauswahl beibehalten, wenn andere Spinneränderungen vorgenommen werden
- 2. Offset beibehalten, wenn reloadRowsAtIndexPaths
- 3. Toggle-Status bei div nach Seitenaktualisierung beibehalten
- 4. Wie divs einzeln ausgeblendet werden können
- 5. Bildseitenverhältnis beibehalten
- 6. NSXMLParser-Werte werden nicht beibehalten
- 7. Leerzeichen beibehalten, wenn in Python
- 8. Div nicht beibehalten min-width in einem anderen div, HTML
- 9. Tabelle Seitenverhältnis beibehalten, wenn das Fenster
- 10. Position der Verpackungsblöcke beibehalten
- 11. JavaScript-Untermenü nicht beibehalten
- 12. R - Reihenfolge beibehalten, wenn Vergleichsoperatoren verwendet werden (% in%)
- 13. Wie werden URL-Abfrageparameter beibehalten, wenn einem Link gefolgt wird?
- 14. sollte die Berechtigung beibehalten werden, wenn die Umleitung erfolgt?
- 15. Besprechungseigenschaften werden von Outlook nicht beibehalten
- 16. Wie Benutzereinstellungen bei Deinstallation beibehalten werden
- 17. Wie kann Shell_reverse_tcp Verbindung beibehalten werden?
- 18. Wie zwei Dezimalstellen korrekt beibehalten werden?
- 19. Wie lange werden Pakete vom SyncManager beibehalten?
- 20. Wie kann Animate beim Klicken beibehalten werden?
- 21. ASP.NET-Routen auf IIS 7 werden beibehalten
- 22. Werte der Radiobuttons beibehalten
- 23. Deduplizieren einer Tabelle, während Datensatzstrukturen beibehalten werden
- 24. Trennzeichen beibehalten, wenn die Zeichenkette geteilt wird
- 25. Proguard Klassennamen beibehalten?
- 26. Bildseitenverhältnis in Karussell beibehalten
- 27. Werden pyspark tfidf-Transformation Indexpositionen beibehalten?
- 28. Wie doppelte Anführungszeichen mit OkHttp beibehalten werden
- 29. Warum werden meine Anwendungseinstellungen nicht beibehalten?
- 30. Wie Objekte zwischen Klassen beibehalten werden
Wenn Sie 'visibility: hidden' verwenden, bleibt die Größe erhalten. Nur wenn Sie 'display: none' verwenden, variiert die Größe. –