Прокрутите панель до верхней части экрана при раскрытии

Question

У меня есть следующий пример. Когда я раскрываю панель, остальные элементы под ней уходят вниз, чтобы освободить место для содержимого открытой панели.

Однако мне нужно, чтобы при развертывании панели она прокручивалась вверх, чтобы заголовок открытой панели находился сверху. Причина в том, что я планирую сделать так, чтобы высота содержимого занимала как можно большую высоту экрана, чтобы открытая панель почти занимала большую часть экрана.

Answer 1

Для Панель расширения углового материала ,
вы можете использовать следующие css для того, чтобы расширенная панель расширения присутствовала прежде всего,
, т.е. расширенная панель расширения переместится на первую позицию в списке.

--------- styles.css ---------.

.mat-expansion-panel,
.mat-accordion {
  display: flex !important;
  flex-direction: column;
}
.mat-expansion-panel.mat-expanded {
  order: -1;
}

Подход:

• Дайте .mat-accordion, display: flex и манипулируйте свойством order на expanded expansion-panel для достижения цели.

Stackblitz - Демонстрация, показывающая расширенную панель, перемещающуюся вверх в списке