如何随着页面滚动“ Angular Material”菜单弹出窗口？

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设置位置中解决此问题：fixed！important;