Q:

CSS Disabled scrolling

I came across an issue with one of our web sites: 
In IE9 the page had a vertical scrollbar, but you couldn't use the mousewheel, arrow keys, pgup/pgdwn to scroll.  The only way to scroll was to actually click/hold and move the scrollbar.  
I removed the following from the css:
{
    overflow-x: hidden;
}

Then scrolling worked as usual.  Has anyone else come across this?  It seems odd as overflow-x should hide the horizontal scroll bar?  Why would it effect the vertical?
I have tried this on a test page and it acts as expected.  So it must be a combination of things.

A:

Try using the following code snippet. This should solve your issue.
body, html { 
    overflow-x: hidden; 
    overflow-y: auto;
}

A:

overflow-x: hidden;
would hide any thing on the x-axis that goes outside of the element, so there would be no need for the horizontal scrollbar and it get removed.
overflow-y: hidden;
would hide any thing on the y-axis that goes outside of the element, so there would be no need for the vertical scrollbar and it get removed.
overflow: hidden;
would remove both scrollbars

A:

I use iFrame to insert the content from another page and CSS mentioned above is NOT working as expected. I have to use the parameter scrolling="no" even if I use HTML 5 Doctype

