css - 如何与页面一起滚动 Angular Material mat-menu 弹出窗口？

Question

在触发 mat-menu 并显示项目后，弹出元素不会随页面滚动。相反，它们似乎已从垫子菜单图标中断开，并且在我滚动页面时它们始终可见。

<mat-icon class="mat-accent" [matMenuTriggerFor]="menuOptions">menu</mat-icon> 

<mat-menu #menuOptions="matMenu"> <button mat-menu-item *ngFor="let menuItem of menuItems" (click)=selectMenuItem(menuItem)> {{menuItem.text}}</button> </mat-menu>

如下图所示，即使最初的菜单项弹出正确显示，当我滚动页面时，弹出元素不再附加到上面的汉堡图标[如上面的代码所示，附加了 matMenuTriggerFor]

Answer 1

问题将在下一个版本中修复。现在你可以在 .mat-menu-panel set position: fixed!important;