I have a page with enough HTML content to make vertical scroll-bars necessary. I have a case on this page where a pop-up div that is displayed via JavaScript shows up. When this happens I want to disable the scroll-bars to prevent scrolling, but I do not want to hide them. Then after something is clicked in this div, the div will hide and the scroll-bars should be re-enabled as normal. I've tried setting style="overflow: hidden;" on my body tag and "scrolling: no", but these completely remove the scroll bars rather than just disabling them. I know normally in IE when there isn't enough page content to need the vertical scroll bar, it will still show only be disabled, so I would think since using "overflow: hidden;" clips the excess content this would be the case, but unfortunately that is not what is occurring by default. (Note that I am only concerned with making this work on Internet Explorer.)
If you navigate to most likely their page will fit on your screen without a scroll bar and you will see a grayed out vertical scroll bar on the right hand side, this is what I want on my page only when the page content is so much so that the scrollbar isn't grayed out initially. I just want to hide the excess (or overflow) content and then temporarily gray out but not remove the scroll bar to the right.
Help on this is appreciated, thanks.
If you navigate to most likely their page will fit on your screen without a scroll bar and you will see a grayed out vertical scroll bar on the right hand side, this is what I want on my page only when the page content is so much so that the scrollbar isn't grayed out initially. I just want to hide the excess (or overflow) content and then temporarily gray out but not remove the scroll bar to the right.
Help on this is appreciated, thanks.