Material ui 如何在LeftNav中创建粘性页脚？

我试图在

组件中创建一个粘性页脚，但迄今为止没有成功。这就是is需要的样子：

我试过使用

位置：fixed；底部：0，位置：绝对；底部：搜索字段包装上的0

，但当用户滚动列表项时，搜索字段向上移动。像这样：

---

你知道如何解决这个问题吗？

位置：修复应该有效。如果没有更多关于页面设置方式的信息，就很难更加具体。看看这把小提琴，看看它是否有帮助：

您的

应包含两个元素：

• 第一个包含项目，将

  overflow-y

  设置为

  auto

  （过长时滚动），并将导航面板高度减去搜索字段高度（包括填充！）的javascript设置为

  height

• 第二个是

  位置：绝对

  ，

  底部：0

  和

  宽度：100%

  ，并包含（或是）您的

  搜索

  字段

示例，其中

此.props.height

设置为我的

窗口。在
窗口的
加载
和
调整大小
事件中，innerHeight
：


{menuItems}
{{searchField}
您如何动态确定搜索字段的高度，而不是将其硬编码为50？有点离题问题：您使用哪个工具创建屏幕模型？
#search {
  position: fixed;
  background-color: red;
  bottom: 0;
  width: 25%;
}