问如何获取顶部和底部边距超出屏幕的material ui (next)对话框

EN

我正在为布局问题而苦苦挣扎。

我想要什么？

在屏幕之外垂直增长的模式对话框，它水平和垂直居中，在顶部和底部具有最小的边距。

不在MUI的文档中吗？MUI上的“官方”方法显示了一个对话框，该对话框的内容中有一个滚动条，显示操作按钮始终在屏幕上。我不想这样。我知道这可能听起来违反了材料设计指南，但在我们的应用程序中这是有意义的。

你用谷歌搜索过这个吗？是

我现在有什么？我让对话框在屏幕之外增长，在背景上滚动，这很好，但我没有上/下边距，它一直增长到顶部0(见屏幕截图2)。

为了更好地描述这个问题，我将显示两个重要的状态:小于视区的对话框(A)和大于视区的对话框(B)。

屏幕截图1-状态A-所需状态

​

屏幕截图2-状态B上边距可接受，无上/下边距

​

屏幕截图3-所需的状态B上部

​

状态A的屏幕快照，带有添加顶部/ marginTop / paddingTop的问题

​

你可以在这里使用这个例子：https://codesandbox.io/s/lxw7ylxy8z

因此，正如您所看到的，如果我在MUI中的纸张元素上使用marginTop或top，或者在MUI组件对话框属性的根元素中使用paddingTop，那么我的小对话框状态A就会出现问题，它现在看起来不是垂直居中。底边距在状态B上也不起作用。

我正在考虑像EQCSS这样的东西，或者根据计算出的对话框大小做一些计算，但我觉得只使用CSS和flexbox应该是更好的选择。这样做的额外问题是我不能在MUI层次结构中插入元素，或者至少我不知道如何插入。

希望有人能帮助我，如果你需要更多的信息，请询问。