Internet Explorer innerHeight

Question

How can you get window.innerHeight in Internet Explorer. Thank.

Answer 1

window.getWinSize= function(){ if(window.innerWidth!= undefined){ return [window.innerWidth, window.innerHeight]; } else{ var B= document.body, D= document.documentElement; return [Math.max(D.clientWidth, B.clientWidth), Math.max(D.clientHeight, B.clientHeight)]; } } 

Answer 2

This works in IE9:

 document.body.clientHeight 

Answer 3

Simple single line solution:

 var WinHeight = window.innerHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight); 

Answer 4

The easiest way to use jQuery. Below is the details of this.

Answer 5

In ie9, window.innerHeight and document.body.clientHeight only works when the content is larger than the document window.

A reliable solution is to use the vw and vh css properties.

css (simple) way:

 /* foce the content to be at 100% with css */ html, body { width: 100vw; height: 100vh; } 

js path:

 // make a fitted htmlelement and returns its size. var get_ie_size=function(){ var domtest = document.createElement('div'); domtest.style.display="block"; domtest.style.width="100vw"; domtest.style.height="100vh"; document.body.appendChild(domtest); var size = [domtest.offsetWidth,domtest.offsetHeight]; document.body.removeChild(domtest); return size; };