React - 打开 Material UI 对话框时启用背景滚动答案

【问题标题】：React - Enable background scrolling when Material UI Dialog is openReact - 打开 Material UI 对话框时启用背景滚动
【发布时间】：2022-01-20 00:00:10
【问题描述】：

我有一个可以打开和关闭 Material UI 对话框的组件。目前，页面上显示了一些文本，然后是一个用于打开对话框的按钮。我创建了一个代码沙箱来突出显示我的位置：https://codesandbox.io/s/formdialog-material-demo-forked-cgjgh?file=/demo.js:0-8775

当对话框打开时，是否可以在后台（即在主页上）启用滚动，以便用户可以滚动浏览文本作为示例？我已将 hideBackdrop 属性包含为 true 以便隐藏背景，但我不知道如何执行此操作以便可以启用主页上的滚动。

【问题讨论】：

你有什么发现吗，有什么答案吗？
很遗憾我没有找到解决方案。

标签： javascript reactjs material-ui

【解决方案1】：

打开对话框时请禁用溢出：body标签的隐藏样式属性。

【讨论】：

你能给我举个例子来说明你的意思吗？
全局css请加body{ overflow: auto !important; }