title: Angular7, Material2, page scroll to top on open dialog
body: <p>I have a button which opens my material dialog. On open dialog, the page in the background scrolls to top. On closing the dialog, the page scrolls back to the original position.</p>
  
  <p>Who can i stop this scrolling?</p>
  
  <pre><code>const dialogRef = this.dialog.open(dialogComponent, {
              panelClass: config.panelClass,
              width: 1100px,
              height: 800px,
              closeOnNavigation: true,
              maxHeight: '95%',
              maxWidth: '95%',
              data: {
                  someData...
              },
          });
  </code></pre>
  
  <p>My html</p>
  
  <pre><code>&lt;div class="dialog dialog__content"&gt;
      &lt;div&gt;
          &lt;div *ngIf="title" class="dialog__header"&gt;
              &lt;h1 mat-dialog-title&gt;{{title | translate}}&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div class="dialog__closing"&gt;
              &lt;button matDialogClose&gt;
                  &lt;i class="fal fa-times-circle"&gt;&lt;/i&gt;
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;mat-dialog-content&gt;
          ...some content...
      &lt;/mat-dialog-content&gt;
  
      &lt;mat-dialog-actions *ngIf="buttons &amp;&amp; buttons.length &gt; 0"&gt;
          &lt;div class="buttons"&gt;
              &lt;button&gt;...&lt;/button&gt;
          &lt;/div&gt;
      &lt;/mat-dialog-actions&gt;
  &lt;/div&gt;
  </code></pre>