嵌套的Flexbox滚动-部分溢出

时间:2019-02-14 22:26:13

标签: html css google-chrome flexbox

我有一个应用程序,该应用程序的图层包含与布局有关的以下属性,每一行都是一个图层。我已经在定位/显示中添加了相关属性。

1. display: grid
2. display: flex
3. position: fixed, 100vh
4. display: flex, overflow: hidden
5. display: flex
6. display: flex

--------------- Splits into two columns, each one should scroll independently

7. display: flex, flex-grow: 1, overflow-y: scroll
8. display: flex, flex-grow: 1

我看到的问题是,从拆分成两列的位置开始,一些用户无法滚动到子级的底部。它们可以部分滚动,但其余的大约30%停留在屏幕外。

我一直在搜索与min-height: auto更改相关的Chrome更新/问题,因此无法确定原因。我完全无法复制,并且很难确定用户设置和我自己的设置之间的差异。

嵌套弹性框是否存在任何已知问题,会导致其中一个子级无法为 some chrome用户完全滚动?

到目前为止,所有理论都与flexbox的嵌套有关,这种嵌套导致某个级别的孩子不被包含,从而导致滚动内容的隐藏溢出。

我可以在任何类似的问题/解决方法/任何事情上使用新的线索!谢谢!

0 个答案:

没有答案
相关问题