Mengapa Bar Skrol Flexbox Saya Tidak Berfungsi dengan \'column-reverse\' dalam Firefox, Edge dan IE?

Isu Flexbox Scrollbar dengan 'column-reverse' dalam Firefox, Edge dan IE

Dalam mengejar reka bentuk responsif, pembangun menemui keanehan yang tidak dijangka apabila menggunakan flexbox untuk membalikkan susunan item pada skrin yang lebih kecil. Walaupun pendekatan ini berfungsi dengan lancar dalam Chrome, bar skrol kekal dilumpuhkan dalam Firefox, Edge dan IE.

Memeriksa HTML dan CSS, menjadi jelas bahawa flexbox dengan flex-direction: column-reverse sememangnya penyebabnya. Walau bagaimanapun, setelah disiasat, tingkah laku ini sebenarnya merupakan pepijat yang diketahui dalam penyemak imbas yang disebutkan.

Ternyata apabila menggunakan arah lentur: terbalik lajur, bar skrol hanya muncul dalam Chrome. Jika pembangun beralih kepada lajur flex-direction: scrollbar menjadi berfungsi pada semua penyemak imbas.

Untuk mendapatkan maklumat yang lebih terperinci, sumber berikut memberikan cerapan tentang isu ini:

• [Pepijat 1042151 - flex-direction: lajur-reverse (atau "flex-direction:column; justify-content:flex-end") dengan limpahan-y: auto tidak boleh ditatal](https://bugzilla.mozilla.org/show_bug. cgi?id=1042151)
• [Philip Walton / flexbugs - Lajur-terbalik dan limpahan-y tidak boleh ditatal](https://github.com/philipwalton/flexbugs/issues/399)

Atas ialah kandungan terperinci Mengapa Bar Skrol Flexbox Saya Tidak Berfungsi dengan \'column-reverse\' dalam Firefox, Edge dan IE?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!