accordion - 如何使 Material UI 扩展面板在扩展时向上打开而不是向下扩展？

Question

问题:

扩展后 expansion-panel ，它应该向上扩展以显示更多信息，而不是向下扩展，这会使用户再次向下滚动。

Answer 1

如果您正在使用 Angular Material Component's Expansion Panel ，那么您可以使用以下 css用于制作 expansion-panel内容出现在 mat-expansion-panel-header 之上在 styles.css文件。

.mat-expansion-panel {
  display: flex !important;
  flex-direction: column;
}
.mat-expansion-panel-header {
  order: 2;
}

StackBlitz - Angular Material Demo

更新 1: React's Material UI Demo