Question

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

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

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

TIA

Base

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

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在传递时删除内容，然后在最后追加

1 个答案: