Total height of the page

Question

I'm trying to get the total height of a page using JavaScript and jQuery so I can check if the page is long enough to display something, however in my testing I am unable to get the total height of a page.

I've looked around on the Internet but things like this don't seem to be well documented, as all I can find is scrollHeight, which, as I might mention, doesn't work.

Any way to use jQuery to find it?

Answer 1

have you tried $(document).height();

Demo here

Answer 2

Have a look at the documentation. One of the supported methods: height, innerHeight, outerHeight may be suitable for you.

Answer 3

perhaps use the position of an element at the bottom of the page, like:

$("#footer").offset().top

Answer 4

Without a framework:

var _docHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight;
var _docWidth = (document.width !== undefined) ? document.width : document.body.offsetWidth;

Answer 5

Height of entire page...

document.body.offsetHeight

Height of viewport...

var h;

if(self.innerHeight)
  h = window.innerHeight
else if(document.documentElement && document.documentElement.clientHeight)
  h = document.documentElement.clientHeight;
else if(document.body)
  h= document.body.clientHeight;

This article may help you.