jQuery удалять содержимое, когда оно прошло, а затем добавить в конец

Question

Привет, я хочу знать, как удалить переданный контент при прокрутке вниз, а затем добавить содержимое снизу.

Пример: первый неупорядоченный список был удален, и он будет удален в нижней части.

Пожалуйста, дайте мне знать, как это сделать в jQuery, поскольку я не могу найти подобный плагин. Существует бесконечный плагин прокрутки, но он не удаляет переданное содержимое.

ТИА

html,body{margin:0; padding:0} 
li{list-style:none; margin:0; padding:0;} 
.content { 
    background: #333; 
    color: white; 
    height: 250px; 
    } 

<ul class="unordered"> 

    <li class="header" style="z-index: 1000;"> 
     <h3>Header1</h3> 
    </li> 

    <li class="header2" style="background:#666;z-index: 1000;height: 50px;"> 
     <h5 style="margin: 0;">Header2</h5> 
    </li> 


    <li class="content"> 
    Contents 
    </li> 

</ul> 


<ul class="unordered"> 

    <li class="header" style="z-index: 1000;"> 
     <h3>Header1</h3> 
    </li> 

    <li class="header2" style="background:#666;z-index: 1000;height: 50px;"> 
     <h5 style="margin: 0;">Header2</h5> 
    </li> 


    <li class="content"> 
    Contents 
    </li> 

</ul> 

Answer 1

Ну, хотя я не знаю, почему вам это нужно, но вот код:

$(window).scroll(function() { 
    var scrollPos = $(window).scrollTop(); 
    var firstElem = $('body > :first-child'); 
    var firstElemHeight = firstElem.outerHeight(); 
    if (scrollPos > firstElem.offset().top + firstElemHeight) { 
     firstElem.insertAfter('body > :last-child'); 
     $(window).scrollTop(scrollPos - firstElemHeight); 
    } 
}); 

Живая демонстрация: http://jsfiddle.net/pq5wLboy/1/