【发布时间】：2019-06-17 13:19:11
【问题描述】：
我在我的项目中使用材质对话框来显示选项列表。
材质对话框默认阻止页面的滚动条。
当我有很多选项来显示某些项目时，某些项目可能会从屏幕上掉下来，为了看到它们，您需要向下滚动，因此我必须使用 scrollStrategy 使滚动条可用。
但是，如果用户单击选项按钮，则向下或向上滚动对话框将始终在屏幕上，并且不会随着滚动方向移动以保持其绝对位置（在触发按钮下），所以我的问题是如何我改这个？
我创建了一个小角度项目来演示我的问题； https://stackblitz.com/edit/angular-rpatij
【问题讨论】：
-
现在您的minimal reproducible example 无法重现您描述的行为。您能否更新它以显示实际问题？
-
因为不是绝对定位，所以有
position: fixed。 -
@Maryannah 我更新了我的示例，在页面底部添加了另一个选项按钮。如果再次打开示例并尝试单击第二个选项按钮，您将无法看到其余选项，因为我删除了
scrollStrategies.noop()。 -
“其余选项”在这里代表什么？我可以在您的示例中看到这两个选项。
-
@Maryannah 我对“其余选项”的意思是其余对话框项。在我的示例中，只有 2 个选项：1. 保存 2. 分享