window.innerHeight ie8 alternative

Question

Tengo algunos cálculos que se basan en window.innerHeight. Pero como descubrí, esto no está disponible en ningún IE antes de IE9. Todas las otras opciones que he visto ni siquiera se acercan a la figura que obtengo cuando uso window.innerHeight.

¿Alguien tiene un trabajo?

Answer 1

Es posible que desee probar:

document.documentElement.clientHeight; 

O puede utilizar jQuery's .height() método:

$(window).height(); 

Answer 2

Hice una cuña sencilla para IE8 y otros:

• window.innerWidth
• window.innerHeight
• window.scrollX
• window.scrollY
• document.width
• document.height

559 bytes

(function(d,b){var c=b.documentElement;var a=b.body;var e=function(g,h,f){if(typeof g[h]==="undefined"){Object.defineProperty(g,h,{get:f})}};e(d,"innerWidth",function(){return c.clientWidth});e(d,"innerHeight",function(){return c.clientHeight});e(d,"scrollX",function(){return d.pageXOffset||c.scrollLeft});e(d,"scrollY",function(){return d.pageYOffset||c.scrollTop});e(b,"width",function(){return Math.max(a.scrollWidth,c.scrollWidth,a.offsetWidth,c.offsetWidth,a.clientWidth,c.clientWidth)});e(b,"height",function(){return Math.max(a.scrollHeight,c.scrollHeight,a.offsetHeight,c.offsetHeight,a.clientHeight,c.clientHeight)});return e}(window,document)); 

Para actualizaciones, echar un vistazo a este GIST: yckart/9128d824c7bdbab2832e

(function (window, document) { 

    var html = document.documentElement; 
    var body = document.body; 

    var define = function (object, property, getter) { 
    if (typeof object[property] === 'undefined') { 
     Object.defineProperty(object, property, { get: getter }); 
    } 
    }; 

    define(window, 'innerWidth', function() { return html.clientWidth }); 
    define(window, 'innerHeight', function() { return html.clientHeight }); 

    define(window, 'scrollX', function() { return window.pageXOffset || html.scrollLeft }); 
    define(window, 'scrollY', function() { return window.pageYOffset || html.scrollTop }); 

    define(document, 'width', function() { return Math.max(body.scrollWidth, html.scrollWidth, body.offsetWidth, html.offsetWidth, body.clientWidth, html.clientWidth) }); 
    define(document, 'height', function() { return Math.max(body.scrollHeight, html.scrollHeight, body.offsetHeight, html.offsetHeight, body.clientHeight, html.clientHeight) }); 

    return define; 

}(window, document)); 

método

Answer 3

Javascript para obtener alto de la ventana ..:

window.outerHeight; 

métodos JavaScript para obtener la altura documento completo ..:

document.body.clientHeight; 

o

document.body.offsetHeight; 

Métodos de JavaScript para obtener la altura del área del documento visible ..:

esta es la altura de la ventana sin barras.

window.innerHeight; 

métodos jQuery para obtener la altura área del documento visible y ventana sin barras de altura área también ..:

$(window).height(); 

o

$(window).outerHeight(); 

métodos jQuery para obtener la altura documento completo ..:

$(document).height(); 

o

$(document).outerHeight(); 

eso es todo, espero que le ayudará a :)

Answer 4

uso siguiente en su document.ready y definir explícitamente innerHeight.

window.innerHeight = window.innerHeight || document.documentElement.clientHeight 

Answer 5

He buscado en porque ninguna de las funciones aquí publicados parecía funcionar, siempre me dieron la windowviewheight no los documentos de altura completa ...

esto funciona en todos los navegadores que he probado ... también IEXPLORE 8:

var D = document; 
var myHeight = Math.max(
    D.body.scrollHeight, D.documentElement.scrollHeight, 
    D.body.offsetHeight, D.documentElement.offsetHeight, 
    D.body.clientHeight, D.documentElement.clientHeight 
); 

alert(myHeight);