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

Question

我正在尝试在 <LeftNav> 中创建一个粘性页脚组件，到目前为止没有成功。这是需要的样子:



我试过使用 position: fixed; bottom: 0和 position: absolute; bottom: 0在搜索字段的包装上，但是当用户滚动列表项时，搜索字段会向上移动。像这样:



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

Answer 1

位置:固定应该工作。如果没有更多关于如何设置页面的信息，就很难更具体。看看这个 fiddle ，看看是否有帮助:

https://jsfiddle.net/kevinlrak/r1mpf1n8/

#search {
  position: fixed;
  background-color: red;
  bottom: 0;
  width: 25%;
}