overflow-y: hidden on window height > x px not working in IE7

Question

I am doing it like this but it doesn't seems to work in ie7

if($(window).height() > 700){
            $('body').css({'overflow-y':'hidden'});

        }else{
             $('body').css({'overflow-y':'visible','height':'700px'});
            
        }

it does work in all other browsers

any idea why?

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

"It is a well-known bug in IE6 and IE7. To solve it, you need to add position:relative to the container. Since in your case body is the container, I'd suggest you add a div directly under the body and give it position:relative. It should solve your problem."

See if this helps

IE6 + IE7 CSS problem with overflow: hidden; - position: relative; combo

edited May 23 '17 at 11:57

Community

1
1

answered Jan 19 '12 at 17:19

Miro

8,402
3
34
72

What about applying it to rhe HTML tag? – Toni Michel Caubet Jan 19 '12 at 18:30
try. Give it an id="main" and then apply the overflow to #main. I'm not too sure if ie7 will treat just as a
– Miro Jan 19 '12 at 18:40

overflow-y: hidden on window height > x px not working in IE7

1 Answers1