有没有办法让 material ui 抽屉固定高度（并固定在底部）

Question

尝试将 material-ui 抽屉锚定到视口底部，但高度固定 - 将有额外内容的滚动条。这可以用抽屉吗？

 <Drawer
 className={classes.drawer}
 variant="permanent"
 anchor="bottom"
 open={drawerOpen}
 classes={{
  paper: classes.drawerPaper,
  }}

>

Answer 1

您只需在 drawerPaper class.

中设置 Paper 元素的高度

例如：

const useStyles = makeStyles(theme => ({
  drawerPaper: {
    width: 240,
    height: 300
  }
}));

然后使用 drawerPaper class 如您的问题所示 (classes={{paper: classes.drawerPaper}})。