对我来说，将“disableScrollLock”属性设置为true解决了这个问题。我在Material UI Modal文档中找到了它：https://mui.com/material-ui/api/modal/

<Dialog open={open} 
        onClose={handleClose} 
        hideBackdrop={true}
        disableScrollLock
  >

我在你的CodeSandbox示例中测试了它，它像预期的那样工作。希望这对你的问题有帮助！

打开对话框时，请禁用主体标记的溢出：隐藏样式属性。

你可以使用React Hook useEffect来管理滚动。

const [anchorEl, setAnchorEl] = React.useState(null);

  const handleClick = (event, item) => {
    setAnchorEl(event.currentTarget);
  };

  const open = Boolean(anchorEl);

现在，每当点击发生时，“打开”将为真，或者您可能正在使用其他状态方法来通过管理状态打开Material UI对话框。
这就是useEffect方法

useEffect(() => {
    if (open) {
      document.body.style.overflow = "hidden";
    } else {
      document.body.style.overflow = "scroll";
    }
  }, [open]);