Question

我正在使用https://material.angular.io，特别是对话框（https://material.angular.io/components/dialog/overview）。我的问题是当我使用

定位对话框时

config = {'width':'200px', 'height':'400px', position: {'top':'150px', 'left':'400px'}}

我注意到当我单击一个按钮显示对话框时，它会一直向下滚动...是否有某种方法可以使它在我单击按钮显示对话框时保持在顶部/滚动到顶部？

Answer 1

在style.css文件中添加此代码。

.md-dialog-container { height: 100vh !important; top: 0 !important; position: fixed !important; }

另一种方式： -

您可以使用MdDialogRef的updatePosition（）方法调整对话框组件的位置。在对话框组件中使用此代码： -

import { MdDialog, MdDialogConfig, MdDialogRef } from '@angular/material';

constructor(public dialModalRef: MdDialogRef<any>) { }

changePosition() {
  this.dialModalRef.updatePosition({ top: '50px', left: '50px' });
}

在此处详细了解： - https://material.angular.io/components/component/dialog

希望这样工作正常。

如何自动滚动到material2 angular2对话框的顶部？

1 个答案: