如何使“角度材料”对话框保持其绝对位置

时间:2019-06-17 13:19:11

标签: angular angular-material

我在项目中使用“材料”对话框来显示选项列表。 材质对话框默认会阻止页面的滚动条。 当我有很多显示选项时,有些项目可能会落在屏幕上,要查看它们,您需要向下滚动,因此我不得不使用scrollStrategy使滚动条可用。

但是,如果用户单击选项按钮,则对话框将始终在屏幕上向下或向上滚动,并且不会随滚动方向移动以保持其绝对位置(在触发按钮下方),所以我的问题是我要改变吗?

我创建了一个小项目来演示我的问题; https://stackblitz.com/edit/angular-rpatij

1 个答案:

答案 0 :(得分:0)

这个问题的意思是因为您没有使用对话框的默认位置(居中),而是将其放置在按钮位置附近,所以对话框被切断了吗?

实际上,我认为最好的解决方案是只使用材质对话框的默认位置,使对话框居中。temporary will be removed