Window.innerHeight

Height (in pixels) of the browser window viewport including, if rendered, the horizontal scrollbar.

Syntax

var intViewportHeight = window.innerHeight;

Value

On return, intViewportHeight is the height of the browser window's viewport.

The window.innerHeight property is read only; it has no default value.

Notes

The innerHeight property is supported in any window object like a window, a frame, a frameset, or a secondary window.

There is an algorithm to obtain the height of the viewport excluding, if rendered, the horizontal scrollbar.

Example

Assuming a frameset

var intFrameHeight = window.innerHeight; // or
var intFrameHeight = self.innerHeight;
// will return the height of the frame viewport within the frameset
var intFramesetHeight = parent.innerHeight;
// will return the height of the viewport of the closest frameset
var intOuterFramesetHeight = top.innerHeight;
// will return the height of the viewport of the outermost frameset

FIXME: link to an interactive demo here

To change the size of a window, see window.resizeBy() and window.resizeTo().

To get the outer height of a window, i.e. the height of the whole browser window, see window.outerHeight.

Graphical example

The following figure shows the difference between outerHeight and innerHeight.

Specification

Browser compatibility

[1] From Firefox 4 to 24 this property was buggy and could give a wrong value before page load on certain circumstances, see bug 641188.

See also

• window.innerWidth
• window.outerHeight
• window.outerWidth