我正在尝试制作一个响应式应用程序；在较大的屏幕上，有一个 div 列表，您可以滚动up查看以前的 div（“传统”行为）。在较小的屏幕上，它显示相同的列表，但顺序相反，因此滚动down看到显示div。
我认为 flexbox 将是一个很棒的解决方案，而且它是......在 Chrome 上。
这是 HTML：
<div id="list">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
</div>
并且，CSS：
#list {
display: flex;
flex-direction: column-reverse;
height: 250px;
overflow-y: scroll;
border: 1px solid black;
}
.item {
flex: 1;
padding: 2em;
border: 1px dashed green;
}
还有一个小提琴来展示它：http://jsfiddle.net/jbkmy4dc/3/
在 Chrome 中，listdiv 正确显示滚动条。但是，在 Firefox 和 IE/Edge 中，滚动条可见但被禁用。
有任何想法吗？我可能缺少供应商前缀吗？
这是 Firefox、Edge 和 IE11 中的错误。
With flex-direction: column-reverse滚动条仅出现在 Chrome 中。
如果你切换到column滚动条适用于所有浏览器。
更多信息：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
