How do I get the max value of scrollLeft?

Question

Okay I'm using jQuery and currently getting max value of scrollbar doing this:

var $body = $('body'); $body.scrollLeft(99999); // will give me the max value since I've overshot var max_value = $body.scrollLeft(); // returns 300 $('body').scrollLeft(0); 

When I try this: $body[0].scrollWidth I just get the actual width of the contents - 1580

I'm thinking there has to be a better way I'm forgetting.

EDIT To clarify, I also tried $(window).width() and $(document).width() which gave me 1280 and 1580, respectively.

Answer 1

You can calculate the maximum value of element.scrollLeft with:

var maxScrollLeft = element.scrollWidth - element.clientWidth; 

Note that there could be some browser specific quirks that I'm not aware of.