Pourquoi le défilement inversé de ma colonne Flexbox ne fonctionne-t-il pas dans Firefox et Edge ?

Flexbox Column-Reverse : problèmes de défilement dans Firefox, Edge et IE

Dans la recherche de mises en page réactives pour les applications Web, Flexbox a émergé comme solution. Cependant, certaines implémentations ont rencontré des défis dans les navigateurs comme Firefox et Edge.

Plus précisément, le problème survient lors de l'utilisation de la propriété flex-direction: column-reverse. Bien qu'il se comporte comme prévu dans Chrome, il désactive la barre de défilement dans Firefox et Edge.

Comprendre le bug

Ce problème provient d'un bug dans Firefox, Edge et IE11. Lors de l'application de flex-direction: column-reverse, ces navigateurs ne parviennent pas à rendre la barre de défilement défilable.

Solution de contournement : utiliser « column » à la place

Pour surmonter ce problème, une solution de contournement consiste à passer à flex-direction: column. Cette orientation alternative permet la fonctionnalité de défilement dans tous les navigateurs.

Considérations supplémentaires

Pour des informations plus détaillées sur ce problème, reportez-vous aux ressources suivantes :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!