【问题标题】: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 解决方案也可以。

【问题讨论】:

  • position: absolute; bottom: 0;
  • 您的问题仅在于样式吗?或者你在问如何使用 React 组件来实现?
  • 为 Material UI、AppBar(也可用作底栏)检查此项material-ui.com/demos/app-bar
  • @Tarreq:这就是我要寻找的。谢谢

标签: javascript html css reactjs


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

    position: fixed

    然后,将其放在页面底部:

    bottom: 0

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

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

    【讨论】:

      猜你喜欢
      • 2011-07-08
      • 2015-08-26
      • 1970-01-01
      • 2011-12-27
      • 2017-11-22
      • 1970-01-01
      • 2012-05-12
      • 1970-01-01
      • 2018-08-26
      相关资源
      最近更新 更多