jQuery 删除通过的内容，然后在末尾追加

Question

你好我想知道如何在向下滚动时删除传递的内容，然后将内容添加回底部。

这里的例子是第一个无序列表被传递，它将被删除并返回到底部。

请在 jQuery 中告诉我如何操作，因为我找不到任何类似的插件。有无限滚动插件，但它不会删除传递的内容。

TIA

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/

jQuery 删除通过的内容，然后在末尾追加

jQuery remove content when it passed then append at the end

jquery

scrollto