如何在 Material UI 中使用抽屉时不调整内容大小

Question

我的项目中有一个这样的抽屉。 正如您在展开抽屉时所看到的那样，内容会调整大小。 但我不想要这个。 我想要的是扩展的抽屉来查看内容而不是调整它的大小。 如何解决这个问题。

展开后就变成

我不希望调整内容大小。

链接到我的代码在这里。

Answer 1

只需在 demo.js 中像这样添加 position:'absolute' 。 它将遍历内容

drawer: {
    position:'absolute',
    width: drawerWidth,
    flexShrink: 0,
    whiteSpace: 'nowrap',
  },

还将 marginLeft:80 添加到内容中，这样内容就不会在折叠的抽屉后面。

  content: {
    flexGrow: 1,
    padding: theme.spacing(3),
    marginLeft: 80
  }