title: Chrome Browser: Negative scroll on the top
body: <p>I tried this trick to stop the negative scroll on chrome</p>
  
  <pre><code>html { overflow: hidden;}
  body {overflow: auto;}
  </code></pre>
  
  <p>I have already in the above this:</p>
  
  <pre><code>html,body { height: 100%; }
  </code></pre>
  
  <p>but this one block the document and window objects scrollTop to 0.</p>
  
  <p>how can i prevent the negative scroll without effect document and the window objects ?</p>
  
  <p>i tried also this</p>
  
  <pre><code>$(window).on('scroll', function(e){
    if ( $(this).scrollTop() &lt; 0 ){
      e.preventDefault();
      e.stopPropagation();
    }
  });
  </code></pre>