window.innerHeight ie8 alternatywa

Question

Mam kilka obliczeń, które polegają na window.innerHeight. Ale jak się dowiedziałem, nie jest to dostępne w żadnym IE przed IE9. Wszystkie inne opcje, na które patrzyłem, nawet nie zbliżają się do liczby, którą otrzymuję, gdy używam window.innerHeight.

Czy ktoś ma pracę dookoła?

Answer 1

Możecie też spróbować:

document.documentElement.clientHeight; 

Można użyć jQuery's .height() metody:

$(window).height(); 

Answer 2

Zrobiłem prostą podkładkę dla IE8 i inni:

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

559 bajtów

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

Dla aktualizacji, przyjrzeć się tej 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)); 

Answer 3

Javascript metoda, aby uzyskać pełną wysokość okna ..:

window.outerHeight; 

metody JavaScript, żeby uzyskać pełną wysokość dokumentu ..:

document.body.clientHeight; 

lub

document.body.offsetHeight; 

metody JavaScript, żeby uzyskać widoczną powierzchnia wysokość dokument ..:

to wysokość okna bez barów.

window.innerHeight; 

metody jQuery uzyskać widoczną powierzchnia wysokość dokumentu i okno bez barów powierzchnia wysokość zbyt ..:

$(window).height(); 

lub

$(window).outerHeight(); 

metod jQuery, aby uzyskać pełną wysokość dokumentu ..:

$(document).height(); 

lub

$(document).outerHeight(); 

to wszystko, mam nadzieję, że pomoże :)

Answer 4

używać następujących w document.ready i zdefiniować innerHeight wyraźnie.

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

Answer 5

Szukałem na ponieważ żaden z zamieszczonych tu funkcji wydawało się do pracy, zawsze dostał windowviewheight nie dokumentów pełna wysokość ...

to działa we wszystkich przeglądarkach Przetestowałem ... również 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);