Warum funktioniert das umgekehrte Scrollen meiner Flexbox-Spalte in Firefox und Edge nicht?

Flexbox Column-Reverse: Scrolling-Probleme in Firefox, Edge und IE

Auf der Suche nach responsiven Layouts für Webanwendungen entstand Flexbox als Lösung. Allerdings sind bestimmte Implementierungen in Browsern wie Firefox und Edge auf Herausforderungen gestoßen.

Das Problem tritt insbesondere bei Verwendung der Eigenschaft flex-direction: columns-reverse auf. Während es sich in Chrome wie erwartet verhält, deaktiviert es die Bildlaufleiste in Firefox und Edge.

Den Fehler verstehen

Dieses Problem ist auf einen Fehler in Firefox, Edge und Edge zurückzuführen IE11. Bei der Anwendung von Flex-Direction: Column-Reverse können diese Browser die Bildlaufleiste nicht scrollbar machen.

Problemumgehung: Stattdessen „Spalte“ verwenden

Um dieses Problem zu lösen, besteht eine Problemumgehung darin, zu flex-direction: Column zu wechseln. Diese alternative Ausrichtung ermöglicht die Scrollfunktion in allen Browsern.

Zusätzliche Überlegungen

Ausführlichere Informationen zu diesem Problem finden Sie in den folgenden Ressourcen:

• https:/ /bugzilla.mozilla.org/show_bug.cgi?id=1042151
• https://philipwalton.com/archives/2014/07/flexbugs-column-reverse-and-overflow-y-not-scrollable. html

Das obige ist der detaillierte Inhalt vonWarum funktioniert das umgekehrte Scrollen meiner Flexbox-Spalte in Firefox und Edge nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!