How to get height of entire document with JavaScript?

Question

Some documents I can\'t get the height of the document (to position something absolutely at the very bottom). Additionally, a padding-bottom on seems to do nothing on these

Answer 1

This cross browser code below evaluates all possible heights of the body and html elements and returns the max found:

            var body = document.body;
            var html = document.documentElement;
            var bodyH = Math.max(body.scrollHeight, body.offsetHeight, body.getBoundingClientRect().height, html.clientHeight, html.scrollHeight, html.offsetHeight); // The max height of the body

A working example:

function getHeight()
{
  var body = document.body;
  var html = document.documentElement; 
  var bodyH = Math.max(body.scrollHeight, body.offsetHeight, body.getBoundingClientRect().height, html.clientHeight, html.scrollHeight, html.offsetHeight);
  return bodyH;
}

document.getElementById('height').innerText = getHeight();

body,html
{
  height: 3000px;
}

#posbtm
{
  bottom: 0;
  position: fixed;
  background-color: Yellow;
}

The max Height of this document is:  px

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content 

example document body content example document body content example document body content example document body content