窗口底部的 MUI 手风琴

【问题标题】：MUI Accordion at the bottom of the window窗口底部的 MUI 手风琴
【发布时间】：2021-12-11 11:10:16
【问题描述】：

我正在寻找一种材料反应可扩展，它停留在页脚并在从下到上单击时打开。

所有材料手风琴/可折叠从上到下展开，使页面增长。示例：https://materializecss.com/collapsible.html

我能够使用 HTML 和 JS 找到 something similar，但正在寻找开箱即用的反应/材料组件。

【问题讨论】：

所以基本上你想要一个Accordion，它位于底部，主体在顶部？
部分是的，但我希望手风琴标题在单击时也向上移动，使内容向下移动

标签： reactjs material-ui accordion collapse

【解决方案1】：

看起来你想要Accordion 组件。要使其粘在底部，请将位置设置为fixed，底部设置为0。

<Accordion
  sx={{
    position: 'fixed',
    bottom: 0,
  }}
>
  <AccordionSummary>
    {...}
  </AccordionSummary>
  <AccordionDetails>
    {...}
  </AccordionDetails>
</Accordion>

【讨论】：

感谢您的及时回复，但这部分是我的期望。在沙箱中，头部仍然停留在底部，在示例堆栈溢出链接（stackoverflow.com/a/39769899/7275579）中，头部向上移动。
@Aswath 看到我更新的答案，我可能误读了你的问题。
现在它符合我的预期输出，非常感谢您耐心地解决这个问题