有一种方法可以使ui抽屉中的材料固定高度（并固定在底部）

Question

[将材质UI抽屉固定在视口底部，但高度固定-将具有滚动条，以显示其他内容。抽屉可以用吗？

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

>

Answer 1

您只需要设置Paper类中drawerPaper元素的高度。

例如：

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

然后使用您的问题（drawerPaper）中所示的classes={{paper: classes.drawerPaper}}类。