내 Flexbox 열 역방향 스크롤이 Firefox 및 Edge에서 작동하지 않는 이유는 무엇입니까?

Flexbox Column-Reverse: Firefox, Edge 및 IE의 스크롤 문제

웹 애플리케이션에 대한 반응형 레이아웃을 추구하면서 Flexbox가 등장했습니다. 해결책으로. 그러나 특정 구현은 Firefox 및 Edge와 같은 브라우저에서 문제에 직면했습니다.

특히 flex-direction:column-reverse 속성을 ​​사용할 때 문제가 발생합니다. Chrome에서는 예상대로 작동하지만 Firefox 및 Edge에서는 스크롤 막대를 비활성화합니다.

버그 이해

이 문제는 Firefox, Edge 및 Edge의 버그로 인해 발생합니다. IE11. flex-direction: column-reverse를 적용할 때 이러한 브라우저는 스크롤 막대를 스크롤 가능하게 만드는 데 실패합니다.

해결 방법: 대신 "column" 사용

이 문제를 극복하기 위한 한 가지 해결 방법은 flex-direction: 열으로 전환하는 것입니다. 이 대체 방향을 사용하면 모든 브라우저에서 스크롤 기능을 사용할 수 있습니다.

추가 고려 사항

이 문제에 대한 자세한 내용은 다음 리소스를 참조하세요.

• 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!