title: Prevent body from scrolling (mobile, native browsers)
body: <p>On native browser of Samsung Galaxy S5 / S6, following piece of CSS:</p>
  
  <pre><code>body {
    overflow: hidden;
  }
  </code></pre>
  
  <p>doesn't stop the body from scrolling.</p>
  
  <p>Is there a workaround for this?</p>
  
  <p>Edit: as discussed below, this can be done by adding overflow:hidden to html tag as well. But this introduces an issue where window scrolls to top. </p>
  
  <p><strong>Is it possible to prevent body from scrolling without the scroll side effect (page scrolling to top once html, body get overflow:hidden)?</strong></p>
  
  <p>Side note: issue is reproducible in following environments:</p>
  
  <pre><code>Samsung Galaxy S5 (Android 5.0) Browser: Native;
  Samsung Galaxy S6 (Android 6.0.1) Browser: Native;
  iPhone 5S (iOS 8.4.1) Browsers: Chrome; Safari;
  iPhone 6+ (iOS 9.3.2) Browsers: Chrome; Safari;
  </code></pre>