window.innerHeight ie8 thay thế

Question

Tôi có một số tính toán dựa trên window.innerHeight. Nhưng như tôi đã phát hiện ra điều này là không có sẵn trong bất kỳ trình duyệt IE trước IE9. Tất cả các tùy chọn khác tôi đã xem xét thậm chí không đến gần con số tôi nhận được khi tôi sử dụng window.innerHeight.

Có ai có công việc xung quanh không?

Answer 1

Bạn có thể muốn thử:

document.documentElement.clientHeight; 

Hoặc có thể sử dụng jQuery's .height() phương pháp:

$(window).height(); 

Answer 2

tôi đã thực hiện một shim đơn giản cho IE8 và những người khác:

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

Để cập nhật, hãy nhìn vào ý chính sau: 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 phương pháp để có được chiều cao cửa sổ đầy đủ ..:

window.outerHeight; 

phương pháp Javascript để có được chiều cao đầy đủ tài liệu ..:

document.body.clientHeight; 

hoặc

document.body.offsetHeight; 

Phương pháp Javascript để xem chiều cao khu vực tài liệu hiển thị ..:

đây là chiều cao của cửa sổ không có thanh.

window.innerHeight; 

phương pháp jQuery để có được chiều cao khu vực tài liệu hiển thị và cửa sổ mà không cần thanh chiều cao khu vực quá ..:

$(window).height(); 

hoặc

$(window).outerHeight(); 

phương pháp jQuery để có được chiều cao đầy đủ tài liệu ..:

$(document).height(); 

hoặc

$(document).outerHeight(); 

đó là tất cả, tôi hy vọng sẽ giúp bạn :)

Answer 4

Sử dụng sau trong document.ready của bạn và xác định một cách rõ ràng innerHeight.

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

Answer 5

Tôi tìm kiếm trên vì không ai trong số các chức năng ở đây posted dường như làm việc, tôi luôn luôn có những windowviewheight không phải là tài liệu đầy đủ chiều cao ...

làm việc này trong tất cả các trình duyệt tôi đã thử nghiệm ... cũng 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);