ページの最後にダイアログを開くとウィンドウのスクロールが始まります

Question

幅が100％（2000px）を超えるページがあります。ページの最後のボタンからダイアログを表示するには（水平ページで）、ウィンドウをページの先頭に（水平ページで）スクロールし、ダイアログを表示します。

これは私のコードです：codepen

$mdDialog.show(
     $mdDialog.alert() 
     .parent(angular.element(document.querySelector('#popupContainer'))) 
     .clickOutsideToClose(true) 
     .title('This is an alert title') 
     .textContent('You can specify some description text in here.') 
     .ariaLabel('Alert Dialog Demo') 
     .ok('Got it!') 
     .targetEvent(ev) 
    ); 
    }; 

私はangularjs 1.5と最新の角度材料のJSを使用します。

ページの終わりに（横のページで）ボタンからダイアログを表示し、ページがページの先頭にスクロールしないようにするにはどうすればよいですか？

Answer 1

次のCSSを追加できます。

.md-dialog-container { 
    width: 2000px; 
} 

md-backdrop { 
    width: 2000px; 
} 

md-dialog { 
    position: absolute; 
    top: 25%; 
    right: 10%; 
} 

ダイアログのコンテナと背景の幅を調整します。
次に、ダイアログを好きなように配置します。

CodePenを参照してください。