title: Continuous/infinite horizontal scroll on hover
body: <p>I have a shelf which when you hover the left or right buttons scrolls left and right. However, at the moment this only scrolls a defined amount.. and this shelf will be populated via lazy loading, so there is no real way of knowing how wide the shelf is. </p>
  
  <p>Sure, I could set the number to 99999999 and the animation speed to a similarly high number, but surely there's a smarter way to do it? Without plug-ins!</p>
  
  <p>Thanks for the help..</p>
  
  <p><a href="http://jsfiddle.net/A3mPw/" rel="nofollow">Fiddle</a></p>
  
  <pre><code>$('.scroll-arrow').each(function(){
      var modifier = ($(this).hasClass('right')) ? 1 : -1;
      var sib = ('.shelf-slide');
      var sl = 0;
  
      $(this).hover(function() {
          sl = $(this).siblings(sib).scrollLeft();
          $(this).siblings(sib).stop();
          $(this).siblings(sib).animate({scrollLeft: sl + (modifier * 1000)}, 5000, 'linear');
      }, function() {
          $(this).siblings(sib).stop();
      });
  });
  </code></pre>