title: Displaying dialog box (via alert or sweetalert) scrolls to top of page
body: <p>I have a long table (ex: 1000 rows). Each row has a button on it, that, if pressed, displays a sweetalert dialog via jQuery. (<a href="http://t4t5.github.io/sweetalert/" rel="nofollow noreferrer">http://t4t5.github.io/sweetalert/</a>) </p>
  
  <p>PROBLEM: If I scroll down, let's say to 50% of the table, when I click the button the dialog does appear correctly, BUT, the table has scrolled all the way to the top of the page. I'm pretty sure this has to do with the css position of how sweetalert is displayed. I tried changing it from fixed to absolute, but it doesn't work. </p>
  
  <pre><code>.sweet-overlay, .sweet-alert{
      position: absolute !important;
      }
  </code></pre>
  
  <p>Using javascript "alert", instead of sweetalert, has the same effect. If I add "e.preventDefault();" then it works for alert, but not sweetalert.</p>
  
  <p>Any ideas? Thanks!</p>