title: Javascript AutoScroll Loop Div Content
body: <p>I have <a href="https://jsfiddle.net/3cr1wqvd/" rel="nofollow">this jsfiddle</a> and I cannot for the life of me figure out how to make the content not have the gap when auto scrolling. Basically when the content reaches the bottom I want the loop to restart immediately so there is not a large gap between showing the divs again. Any help will be appreciated. Thanks.</p>
  
  <p>Code I am using is </p>
  
  <pre><code>function autoScroll(){
  var top = parseInt($(".inner").css("top").replace("px",""));
  var height = $(".outer").outerHeight();
  if(top &lt;  height) {
     $(".inner").animate({"top":height},25000,autoScroll)           
  }
  else {
      $(".inner").css({"top":-height});
      autoScroll();
  } 
  }
  autoScroll();
  </code></pre>