title: Automatically Animate/Scroll A Div Horizontally On Page Load
body: <p>I have a seemingly basic question that I can't find any resources in what I am trying to acheive. I'm new to JavaScript and fairly mediocre at CSS.</p>
  <p>What I am trying to accomplish is this. A page which can be displayed on a TV screen showing a list of sports results, overflowing to the right. I want the page to automatically scroll that div across to the right (which has a dynamic length depending on the amount of content) so it can see all the scores across all divisions and automaticaly scroll content to the right. When it reaches the end, pause, and then refresh (using Ajax) snapping back to the beginning.</p>
  <p>I'm sure if I can be pointed in the direction of the right functions to use I can hook the various parts together.</p>
  <p>Here's an example of something I am trying to run on page load that I'd like to scroll smoothly to the end over the course of 10 seconds, I just can't work out how to identify/set the &quot;end&quot; of the div.</p>
  <pre><code>$('#ScrollMe').animate({
      scrollX: ??? //To div end;
      }, 10000);
  </code></pre>
  <p>I think if I can solve this part, I can solve the rest.</p>
  <p>Any pointers? Javascript, CSS.... open to anything!</p>