Getting the width of a long horizontal div and find the middle with javascript

Question

I have a 9000px horizontal div container and I want to find it's middle part.

I have this code but its getting the whole width of the window not the container div.

    $(document).ready(function(){
     scrollTo(($(document).width() - $(window).width()) / 2, 0);
});

Here's a jsFiddle of the whole code

Possible duplicate of http://stackoverflow.com/questions/294250/how-do-i-retrieve-an-html-elements-actual-width-and-height (maybe that will answer your question) — PherricOxide, Oct 13 '12 at 08:50
@PherricOxide the question was only getting the width of a div. It doesn't include on getting to the middle part of the div. — IAMTHESTIG, Oct 13 '12 at 08:55

score 2 · Accepted Answer · answered Oct 13 '12 at 08:51

2

It should not be $(document) instead if the id of the 9000px div is #long_div, see the code below.

$(document).ready(function(){
  scrollTo($("#long_div").width()/2, 0);
});

answered Oct 13 '12 at 08:51

It's not scrolling to the middle: here's my fiddle with the code above http://jsfiddle.net/iamthestig/KUqWx/2/ – IAMTHESTIG Oct 13 '12 at 09:00
It is going to the middle. There are 3 images of 3000px each, The scroll is sitting exactly at 4500px – Manjunath Manoharan Oct 13 '12 at 09:05
google chrome. I ran it again and Iam able to see the blue image – Manjunath Manoharan Oct 13 '12 at 09:09
It's not working for me, it's loading on the red panel and not scrolling to the blue. – IAMTHESTIG Oct 13 '12 at 09:15
You must be using the mootols libraray by default, select the jquery library from the side in your jsfiddle. Iam sure this is the issue :) – Manjunath Manoharan Oct 13 '12 at 09:17

1 Answers1