jquery - multiple - $(''body''). css(''overflow-y'', ''auto'') no funciona en Internet Explorer

jquery css width

Question

Estoy tratando de tener diferentes comportamientos del navegador dependiendo de la altura de la ventana. Lo que quiero es que si el usuario está en una netbook, mi script solo activará el css overflow-y a ''auto'', por lo que si el contenido es más grande que el usuario de la pantalla puede ver todo. si el usuario está en una pantalla grande, quiero tener el desbordamiento oculto y solo tener mi div main con overflow = ''auto'', por lo que el pie de página puede estar en la parte inferior de la pantalla, pero el contenido también puede verse si es más grande que la pantalla.

al publicar el código básico para esto, funciona en pantallas grandes en mac, pero en Internet Explorer no lo hace, ya sea en pantallas grandes o pequeñas ...

¿qué hacer?

Gracias por la ayuda de antemano

CSS

html, body {
    min-width: 600px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#header {
    position:relative;  /* IE7 overflow bug */
    clear:both;
    float:left;
    width:100%;
    height: 200px;
    overflow: hidden;
}
#main {
    position:relative;  /* IE7 overflow bug */
    clear:both;
    float:left;
    width:100%;
    overflow-x: hidden;
}
#footer {
    position:relative;  /* IE7 overflow bug */
    clear:both;
    float:left;
    width:100%;
    height: 100px;
    overflow: hidden;
}

jQuery

if( typeof( window.innerWidth ) == ''number'' ) {
    // No-IE
    var screen_height = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6 +
    var screen_height = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4
    var screen_height = document.body.clientHeight;
}

var header_height = $(''#header'').height();
var footer_height = $(''#footer'').height();
var main_height = screen_height - header_height - footer_height;
//
if (navigator.userAgent.toLowerCase().search("iphone") > -1 || navigator.userAgent.toLowerCase().search("ipod") > -1) {
    $(''body'').css(''overflow-y'', ''auto'');
} else {
    if(screen_height > 550) {
        $(''#main'').css(''height'', main_height + ''px'');
$(''#main'').css(''overflow-y'', ''auto'');
    } else {
        $(''html, body'').css(''overflow-y'', ''auto'');
    }
}

Answer 1

Intenta configurarlo con overflowY :

$(''body'').css(''overflowY'', ''auto'');

Los guiones en los nombres de atributos normalmente no funcionan cuando se configuran con JavaScript, especialmente en IE.

Espero que funcione.

Answer 2

$(''html, body'').css(''overflowY'', ''auto''); 

resuelve este problema