title: Completely disable scrolling of webpage
body: <p>I want to disable scrolling for my webpage, but completely, not just disable scrollbars so </p>
  
  <pre><code>overflow: hidden
  </code></pre>
  
  <p>will not work.</p>
  
  <p>Also this workaround does not apply on Macs due to the "soft-scroll" on edges. It will show a terrible shaky animation:</p>
  
  <pre><code>window.onscroll = function () {
  window.scrollTo(0,0);
  }
  </code></pre>
  
  <p>Is there any other method to disable scrolling completely?</p>