title: Scrolling content right to left Javascript
body: <p>I have a page with a horizontal width of 4000px</p>
  
  <p>How would i go about creating an event that starts as soon as the page loads and cycles from the far right to left of the page? I want to show all the content and get the user back to the start if you get me</p>
  
  <p>Ideally coded in javascript but will accept CSS3 (if it can be done)</p>
  
  <p>Thanks Guys,</p>
  
  <p>DIM3NSION</p>
  
  <p>Based on your responses i have tried to get this working, but with no avail.
  Help much appreciated</p>
  
  <pre><code>  &lt;script type='text/javascript'&gt;
      $(document).ready(function(){
     function start(){ 
     document.body.scrollTo(4000, 0); 
     var x=4000;
     var t= setInterval(function(){ x-=50
     if (x&lt;=0){ clearInterval(t); document.body.scrollTo(0,0); return; } document.body.scrollTo(x, 0); }, 20) }
   });
   &lt;/script&gt;
  </code></pre>