如何在网页底部创建一个固定的控制面板？答案

【问题标题】：How to create a fixed control panel in the bottom of a web page?如何在网页底部创建一个固定的控制面板？
【发布时间】：2019-01-13 18:18:43
【问题描述】：

如何在网页底部创建一个固定的控制面板？：

灰色的内容应该是可滚动的（垂直）。但粉红色的面板应该始终可见。

我正在使用 Material-UI 来绘制我的网页设计，因为我不是设计师。我会很感激使用 Material-UI 的解决方案。但是如果 Material-UI 不支持，那么 CSS 解决方案也可以。

【问题讨论】：

【解决方案1】：

试试position: fixed; bottom: 0;。这应该可以解决您的问题。

【讨论】：

【解决方案2】：

首先您需要将控制面板设置为固定位置：

position: fixed

然后，将其放在页面底部：

bottom: 0

不过要小心，如果页面页脚上有任何内容，它可能会重叠，所以要明智地使用它:)

我在这里创建了一个小例子（没有 Material UI）：https://stackblitz.com/edit/react-fixed-menu

【讨论】：