How do I get the max value of scrollLeft?

javascript width scrollbar
Dave Stein picture Dave Stein · Feb 28, 2011 · Viewed 46.4k times · Source

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

Angel Yordanov picture Angel Yordanov · Apr 18, 2011

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.

Related questions

Get width height of remote image from url

So the alert gives undefined values for the width and height. I think the w and h values of the image from the img.onload calculation is not being passed to the values to return, or it may be returning …

Read More
How to get the width of an svg:g element

I am currently working with an svg element in JavaScript. And I am new to this. My question is that I have an svg element in which I have multiple svg:g elements. And in my svg:g elements I …

Read More
Listen to browser width / height changes with jQuery

I have some divs that are set with position absolute (CSS) when the page is ready, and are positioned relative to another fixed div, which works fine. However, before the page is loaded and everything is set, if the page …

Read More