jQuery vertical text scroll
<p>I have the following code, and it's behaving differently in <strong>CodePen</strong>, <strong>JSFiddle</strong> and in my browser. It only works perfectly in CodePen.</p>

<p>Essentially I would like it to infinitely scroll from top to bottom without stopping. </p>

<p>Here are both examples of the code in action, <a href="http://jsfiddle.net/qmFD3/" rel="nofollow">http://jsfiddle.net/qmFD3/</a> and <a href="http://codepen.io/anon/pen/fiaql" rel="nofollow">http://codepen.io/anon/pen/fiaql</a></p>

<pre><code>function scroller() {
  $('#honor-roll ul').animate({
    top: '-=' + $('#honor-roll ul li:last').height()
  }, 1000, 'linear', function () {
    var offset = $('#honor-roll ul li:last').offset().top;
    console.log(offset);
    if (offset &lt;= 2000) {
      $('#honor-roll ul').css("top", 0);
      $('#honor-roll ul li:last').after($('#honor-roll ul li:first').detach());
    }
  });
}
$(document).ready(function () {
  setInterval('scroller()', 200)
});
</code></pre>
