Infinite looping scroll

My working example with infinite looping using jquery.

by fido3993

HTML

<div class="test">
<ul class="set" id="scrollbox">
<li><img src="http://www.aflcio.org/var/ezflow_site/storage/images/site_aflcio/blog/organizing-bargaining/sara-ziff-america-s-next-top-role-model/3429131-1-eng-US/Sara-Ziff-America-s-Next-Top-Role-Model_blog_post_fullWidth.jpg"></li>
<li><img src="http://a2.files.fashionista.com/image/upload/c_fit,cs_srgb,dpr_1.0,q_80,w_620/MTI5NjkxMDQ1MzM5MzQzNDkx.jpg"></li>
<li><img src="http://raredelights.com/wp-content/uploads/2012/06/Who-Is-The-Highest-Paid-Model-In-The-World-7.jpg"></li>
<li><img src="http://a2.files.fashionista.com/image/upload/c_fit,cs_srgb,dpr_1.0,q_80,w_620/MTI5NjkxMDQ1MzM5MzQzNDkx.jpg"></li>
<li><img src="http://www.aflcio.org/var/ezflow_site/storage/images/site_aflcio/blog/organizing-bargaining/sara-ziff-america-s-next-top-role-model/3429131-1-eng-US/Sara-Ziff-America-s-Next-Top-Role-Model_blog_post_fullWidth.jpg"></li>
<li><img src="http://raredelights.com/wp-content/uploads/2012/06/Who-Is-The-Highest-Paid-Model-In-The-World-7.jpg"></li>
</ul>
</div>

CSS

.test{
  width:100%;
}

.set li{
  list-style:none;
  display:inline-block;
      width: 49%;
}

.set li img{
      width: 80%;
}

JavaScript

$(window).scroll(function () {
     if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
          setTimeout(function() {
            var box = $("#scrollbox");
            var aj = $(".set");   
            box.html(box.html() + aj.html());
            
          }, 100);
      }
 });