Question

I have a horizontally scrolling website and it has a div with id = "bookWrap" which is filled with inline-block elements so the width is unknown to me but it far extends my viewPort.

While trying to get the width of this element via $('#bookWrap').width() jQuery returns my viewport width which is 1680 and not the real width of the element.

How do I go about getting the true width of an element that extends beyond the viewport?

Answer 1

Maybe you should calculate the width:

var width = 0;
$('#bookWrap div').each(function(){
   width += $(this).width();
});
alert(width);

look here: http://jsfiddle.net/szKkT/4/