时间戳

首页 > 解决方案 > 防止 Material-UI Dialog 将内联样式应用于正文

reactjs - 防止 Material-UI Dialog 将内联样式应用于正文

问题描述

在下图中，您可以看到打开对话框时已添加到元素的内联样式padding-right。overflow<body>

在此处输入图像描述

如何防止 Material-UI 将这些样式添加到 body 元素？

标签： reactjsmaterial-ui

解决方案

此功能是Modal（由 使用Dialog）的一部分，并在此处实现。

您可以通过将disableScrollLock道具添加到您的Dialog.

例子：

<Dialog
      disableScrollLock
      onClose={handleClose}
      aria-labelledby="simple-dialog-title"
      open={open}
    >
  ...
</Dialog>

编辑材质演示

文档：https ://material-ui.com/api/modal/#props

推荐阅读