title: Infinite smooth horizontal scroll without a plugin?
body: <p>I'd like to create an infinite side scrolling div without using extra plugins (besides jquery). I found this one: <a href="http://www.smoothdivscroll.com/">http://www.smoothdivscroll.com/</a></p>
  
  <p>The problem is not only is it its own plugin, it also utilizes the jqueryUI... adding a bunch of code weight.</p>
  
  <p>Here's what I have</p>
  
  <pre><code>&lt;div id="columnWrapper"&gt;
      &lt;div id="columnSlider"&gt;
         &lt;div class="column"&gt;&lt;/div&gt;
         &lt;div class="column"&gt;&lt;/div&gt;
         &lt;div class="column"&gt;&lt;/div&gt;
         &lt;div class="column"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For the javascript, I have a timer set to every 10 milliseconds, manipulating the left margin of the enitre #columnScroll by a few pixels each time.</p>
  
  <pre><code>var sliderInt=self.setInterval(function(){
      $('#columnSlider').css('margin-left',totalMargin);
      totalMargin -= .5;
  },10);
  </code></pre>
  
  <p>What I really need is for the left side of #columnSlider and the right side of the same div to butt ends once the left side is off screen  (so that it scrolls sideways infinitely).</p>
  
  <p>Thanks in advance</p>