Flexbox の列の逆スクロールが Firefox と Edge で機能しないのはなぜですか?

Flexbox Column-Reverse: Firefox、Edge、IE のスクロールの問題

Web アプリケーションの応答性の高いレイアウトを追求する中で、Flexbox が登場しました。解決策として。ただし、Firefox や Edge などのブラウザでは、特定の実装で問題が発生しています。

特に、flex-direction: column-reverse プロパティを使用するときに問題が発生します。 Chrome では期待どおりに動作しますが、Firefox と Edge ではスクロールバーが無効になります。

バグについて

この問題は、Firefox、Edge、および Edge のバグに起因します。 IE11。 flex-direction: column-reverse を適用すると、これらのブラウザはスクロールバーをスクロール可能にすることができません。

回避策: 代わりに「column」を使用する

この問題を解決するための 1 つの回避策は、flex-direction: column に切り替えることです。この代替方向により、すべてのブラウザでスクロール機能が有効になります。

追加の考慮事項

この問題の詳細については、次のリソースを参照してください:

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

以上がFlexbox の列の逆スクロールが Firefox と Edge で機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。