Window scroll to start when open dialog at the end of page
<p>I have a page with width is over 100% (2000px). When I click to show dialog from button in the end of page (by horizontal page), window scroll to the start of page (by horizontal page) and display the dialog.</p>

<p><a href="https://i.stack.imgur.com/oKW78.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oKW78.png" alt="enter image description here"></a></p>

<p>This is my code: <a href="http://codepen.io/anon/pen/BQRxGY" rel="nofollow noreferrer">codepen</a></p>

<pre><code>$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)
    );
  };
</code></pre>

<p>I use angularjs 1.5 and newest angular material js.</p>

<p>How can i show dialog from button in the end of page (by horizontal page) and window not scroll to the start of page?</p>