window.innerHeight ie8 alternative

Question

Ho alcuni calcoli che si basano su window.innerHeight. Ma come ho scoperto, questo non è disponibile in alcun IE prima di IE9. Tutte le altre opzioni che ho visto non si avvicinano nemmeno alla figura che ottengo quando uso window.innerHeight.

Qualcuno ha un lavoro in giro?

Answer 1

Si potrebbe desiderare di provare:

document.documentElement.clientHeight; 

In alternativa è possibile utilizzare jQuery's .height() metodo:

$(window).height(); 

Answer 2

Ho fatto un semplice spessore per IE8 e altri:

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

559 byte

(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)); 

Per aggiornamenti, date un'occhiata a questo succo: 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)); 

metodo

Answer 3

Javascript per ottenere la piena altezza della finestra ..:

window.outerHeight; 

metodi JavaScript per ottenere l'altezza completa del documento ..:

document.body.clientHeight; 

o

document.body.offsetHeight; 

metodi Javascript per ottenere l'altezza dell'area del documento visibile ..:

questa è l'altezza della finestra senza barre.

window.innerHeight; 

metodi di jQuery per ottenere visibile altezza area del documento e la finestra senza sbarre altezza zona troppo ..:

$(window).height(); 

o

$(window).outerHeight(); 

metodi di jQuery per ottenere l'altezza completa del documento ..:

$(document).height(); 

o

$(document).outerHeight(); 

questo è tutto, spero vi aiuterà :)

Answer 4

Uso seguente nel document.ready e definire in modo esplicito innerHeight.

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

Answer 5

Ho cercato su perché nessuna delle funzioni qui Pubblicato sembrava funzionare, ho sempre avuto la windowviewheight non i documenti a tutta altezza ...

questo funziona in tutti i browser che ho provato ... anche 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);