material2 angular2ダイアログボックスの上部に自動スクロールする方法は？

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

希望ようにします。