web-dev-qa-db-ja.com

window.innerHeight ie8の代替

window.innerHeightに依存する計算がいくつかあります。しかし、私が知ったように、これはIE9以前のどのIEでも利用できません。私が見た他のすべてのオプションは、window.innerHeight。

誰かが回避策を持っていますか？

javascriptjqueryinternet-explorer-8
26
Theo Kouzelis

あなたが試してみたいことがあります：

_document.documentElement.clientHeight;
_

または、 jQueryの.height() メソッドを使用できます。

_$(window).height();
_
48
Sandeep Pathak

IE8などのために簡単なシムを作成しました。

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

559バイト

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

アップデートについては、この要点をご覧ください： 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));
14
yckart

document.readyおよびinnerHeightを明示的に定義します。

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

ウィンドウ全体の高さを取得するJavascriptメソッド..：

window.outerHeight;

ドキュメント全体の高さを取得するJavascriptメソッド..：

document.body.clientHeight;

または

document.body.offsetHeight;

表示されるドキュメント領域の高さを取得するJavascriptメソッド..：

これは、バーのないウィンドウの高さです。

window.innerHeight;

バー領域の高さのない可視ドキュメント領域の高さとウィンドウを取得するjQueryメソッド..：

$(window).height();

または

$(window).outerHeight();

ドキュメントの全高を取得するjQueryメソッド..：

$(document).height();

または

$(document).outerHeight();

それがすべてです、私はあなたを助けることを願っています:)

2
Max Leps

ここに投稿された関数のn o n eが機能しているように見えたので、検索しました、私は常にドキュメントのフルハイトではなくwindowviewheightを得ました...

これは私がテストしたすべてのブラウザで動作します... 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);
1
scorp