如何在 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
  }