Internet Explorer innerHeight

Question

¿Cómo se puede obtener window.innerHeight en Internet Explorer. Gracias.

Answer 1

window.getWinSize= function(){ 
    if(window.innerWidth!= undefined){ 
     return [window.innerWidth, window.innerHeight]; 
    } 
    else{ 
     var B= document.body, 
     D= document.documentElement; 
     return [Math.max(D.clientWidth, B.clientWidth), 
     Math.max(D.clientHeight, B.clientHeight)]; 
    } 
} 

Answer 2

La manera más fácil de usar jQuery. Here's algo de información detallada sobre el mismo.

Answer 3

Esto funciona de IE9:

document.body.clientHeight 

Answer 4

Una sencilla solución de una línea:

var WinHeight = window.innerHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight); 

Answer 5

En IE9, window.innerHeight y document.body.clientHeight sólo funciona cuando el contenido es más alto que la ventana del documento.

Una solución confiable es utilizar las propiedades vw and vh css.

css (fácil) manera:

/* foce the content to be at 100% with css */ 
html, body { 
    width: 100vw; 
    height: 100vh; 
} 

js manera:

// make a fitted htmlelement and returns its size. 
var get_ie_size=function(){ 
    var domtest = document.createElement('div'); 
    domtest.style.display="block"; 
    domtest.style.width="100vw"; 
    domtest.style.height="100vh"; 
    document.body.appendChild(domtest); 
    var size = [domtest.offsetWidth,domtest.offsetHeight]; 
    document.body.removeChild(domtest); 
    return size; 
};