Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在网页底部创建固定的控制面板？_Javascript_Html_Css_Reactjs - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在网页底部创建固定的控制面板？

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

javascript html css reactjs

Javascript 如何在网页底部创建固定的控制面板？,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,如何在网页底部创建固定的控制面板 灰色内容应可滚动（垂直）。但粉红色面板应始终可见 我正在使用MaterialUI为我的网页绘制设计草图，因为我不是设计师。我希望有一个使用材质UI的解决方案。但如果材质UI不支持它，那么CSS解决方案也可以。试试位置：固定；底部：0。这将解决您的问题。首先，您需要将控制面板设置为固定位置： 位置：固定 然后，将其放置在页面底部： 底部：0 不过要小心，如果页面页脚上有任何内容，可能会与之重叠，因此请明智地使用：） 我在这里创建了一个小示例（没有材料UI）：位置

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

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

我正在使用MaterialUI为我的网页绘制设计草图，因为我不是设计师。我希望有一个使用材质UI的解决方案。但如果材质UI不支持它，那么CSS解决方案也可以。

试试
位置：固定；底部：0。这将解决您的问题。
首先，您需要将控制面板设置为固定位置：


位置：固定

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


底部：0

不过要小心，如果页面页脚上有任何内容，可能会与之重叠，因此请明智地使用：）


我在这里创建了一个小示例（没有材料UI）：
位置：绝对；底部：0您的问题是否仅限于样式？或者你在问如何使用React组件来实现这一点？请检查以下材料UI、AppBar（也可用作底部栏）@Tarreq:这就是我搜索的内容。谢谢