Angular 6 的 Angular Material - Mat Menu 下拉位置问题答案

【问题标题】：Angular Material with Angular 6 - Mat Menu drop down position issuesAngular 6 的 Angular Material - Mat Menu 下拉位置问题
【发布时间】：2018-07-26 04:24:58
【问题描述】：

如果您在打开 mat 菜单后向下滚动或打开开发人员工具(F12)，则菜单的位置已更改。当我们向下滚动或按 F12 时，我需要将菜单放在同一个位置。请找到屏幕截图和链接供您参考。

请找到示例代码链接：
https://stackblitz.com/edit/angular-8ntb2i

【问题讨论】：

你的 stackblitz 不起作用。
@TimMartens 请立即检查代码
我不明白你的问题。调整屏幕大小会导致菜单项出现滑块，但我没有看到任何位置变化
假设按下/打开开发者工具时mat菜单已经放置在视口的中心。菜单 dropdwon 将被移动到视口顶部@TimMartens

标签： css html angular-material2

【解决方案1】：

我认为您需要重新定位菜单选项。您可以使用这个 css 保证金代码。取决于您要显示的位置，向此代码添加或提取 px。

transformMenu.ng-tns-c111-0.ng-star-inserted.mat-elevation-z2.mat-menu-after.mat-menu-below {
margin: 40px 0px 0px 0px;}

css 标签来自你的 stackblitz。

【讨论】：