Fenster scrollen, um beim Öffnen Dialog am Ende der Seite

Question

Ich habe eine Seite mit der Breite ist über 100% (2000px). Wenn ich klicke, um Dialog vom Knopf am Ende der Seite (durch die horizontale Seite) zu zeigen, blättert Fenster zum Anfang der Seite (durch horizontale Seite) und zeige den Dialog an.

Dies ist mein Code: 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) 
    ); 
    }; 

I AngularJS 1.5 und neueste Winkel Material js verwenden.

Wie kann ich Dialog von Schaltfläche am Ende der Seite (durch horizontale Seite) und Fenster nicht zum Anfang der Seite blättern?

Answer 1

Sie können das folgende CSS hinzufügen.

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

md-backdrop { 
    width: 2000px; 
} 

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

Es passt und Breite der Kulisse des Dialog Container.
Dann positionieren Sie den Dialog wie Sie möchten.

Sehen Sie eine funktionierende CodePen.