Double vertical scroll bar on overflow-x:hidden
<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>