how to get full window height when there is a scroll bar?

Question

var window_height = $( window ).height(); this is giving current window height not the full height including scroll height. I want full window height including scroll height.

Answer 1

You should check this link: How to get height of entire document with JavaScript?

    var body = document.body,
    html = document.documentElement;

var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );

Answer 2

As of 2020 the best way to find the height of an entire document is:

document.documentElement.scrollHeight

Credit: this answer on another question.

Answer 3

Yes this is

$("body").height()

Answer 4

Use:

function getheight(){
    var d= document.documentElement;
    var b= document.body;
    var who= d.offsetHeight? d: b ;
    return Math.max(who.scrollHeight,who.offsetHeight);
}
getheight()

Answer 5

None of the above worked for me - all gave viewport-height. I had to wrap the entire page in a div (class 'wrapper'), then get it with:

    $('.wrapper').prop('scrollHeight');

Answer 6

Use $(document).height(); to get full height with scrollable area.

Use $(window).height(); to get only viewable area height.

Important : The document height is the entire height of the whole document, even what is outside the viewable area. The window height is just the viewable area.