如何阻止 ng-bootstrap 模态自动居中模态内容？
How can I stop ng-bootstrap modal from automatically centering modal content?
我有一个 Angular ng-bootstrap 模式，用于显示不确定长度的消息。我的问题是，只要一条消息比屏幕的垂直分辨率长，消息就会在屏幕上居中，这对于非常长的消息来说是一个 UX 问题，用户必须一直滚动回到消息的顶部才能看到阅读它。
我已经尝试将模态的居中 属性 显式设置为 false 并且它不会改变行为。我怀疑对此有一个 CSS 解决方案，并且我已经将 modalDialogClass 设置与自定义 class 一起使用，但似乎无法进行任何更改。我不知道如何解决这个问题，希望得到任何帮助。
这是 Angular 代码，我在其中调用模态打开：
this.currentDialog = this.modalService.open(MessageDetailComponent, { backdrop: 'static', modalDialogClass: 'modalPositioning' });
this.currentDialog.componentInstance.msgDetail = this.message;
我也在考虑调用 CSS 样式，如下所示，但不知道从哪里开始实际 CSS:
@Component({
styles: ['modalPositioning { top: 0 }]
})
我在阅读 Bootstrap 关于模态的文档后找到了解决方案。 ng-bootstrap 提供了一个名为 'scrollable' 的选项，默认设置为 false。将其设置为 true 会将长内容设置到屏幕顶部，而不是将其置于屏幕中央。
我有一个 Angular ng-bootstrap 模式，用于显示不确定长度的消息。我的问题是，只要一条消息比屏幕的垂直分辨率长，消息就会在屏幕上居中，这对于非常长的消息来说是一个 UX 问题，用户必须一直滚动回到消息的顶部才能看到阅读它。
我已经尝试将模态的居中 属性 显式设置为 false 并且它不会改变行为。我怀疑对此有一个 CSS 解决方案，并且我已经将 modalDialogClass 设置与自定义 class 一起使用，但似乎无法进行任何更改。我不知道如何解决这个问题，希望得到任何帮助。
这是 Angular 代码，我在其中调用模态打开：
this.currentDialog = this.modalService.open(MessageDetailComponent, { backdrop: 'static', modalDialogClass: 'modalPositioning' });
this.currentDialog.componentInstance.msgDetail = this.message;
我也在考虑调用 CSS 样式，如下所示，但不知道从哪里开始实际 CSS:
@Component({
styles: ['modalPositioning { top: 0 }]
})
我在阅读 Bootstrap 关于模态的文档后找到了解决方案。 ng-bootstrap 提供了一个名为 'scrollable' 的选项，默认设置为 false。将其设置为 true 会将长内容设置到屏幕顶部，而不是将其置于屏幕中央。