关于CSS：如何随页面一起滚动Angular Material mat-menu弹出窗口？

How to scroll Angular Material mat-menu popup along with the page?

在触发菜单菜单并显示项目后，弹出元素不会随页面一起滚动。取而代之的是，它们似乎从mat-menu图标中消失了，并且在我滚动页面时始终可见。

1
2
3

<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上]

enter

问题将在下一版本中修复。
现在，您可以在.mat-menu-panel设置位置中进行解决：fixed！important;