title: Double vertical scroll bar on overflow-x:hidden
body: <p>After a lot of searching, I came to question this. Due to very large code, it was becoming headache to identify which part of the page was causing overflow. I then used:</p>
  
  <pre><code>html, body{
  
     overflow-x:hidden;
     height:100%;
  
   }
  </code></pre>
  
  <p>I used another alternative way, which was to create a wrapper div outiside the body tag and then applied the overflow-x:hidden property to it but none of these seem to fix this 'double vertical scroll bar issue'. </p>