Question

我知道这里有很多克隆/删除帖子。我花了一段时间浏览了其中的大量内容，但没有一个符合我的情况。

基本上，我需要创建新元素以确保在父容器中始终可见一个元素。

我能够克隆/添加新元素，但是每次尝试删除旧的/超出视图的元素时，它都会停止追加。

我敢肯定这很简单，但是却使我逃脱了！最终，速度将提高，并保持原样，它将创建成千上万个.box元素，因此我试图清除旧的.box元素。

我确实尝试过将它们改组，将第一个移到最后，但是当滚动速度增加时，这是行不通的。任何建议将超级有帮助！谢谢！：）

代码：

let counter = 0;
let clone;
function run() {
    if ($(".wrapper").find(".box").last().position().left < 400) {
        $(".wrapper").find(".box").last()
            .clone().insertAfter(".box")
    }

    if ($(".wrapper").find(".box").length > 3) {
        $(".wrapper").find(".box").each(function(ind, box) {
        if ($(box).position().left < -400) {
            // $(box).remove()
            }
        });
        }

            $(".box").css("transform", `translateX(${(counter -= 10)}px)`);
    }

    let int = setInterval(function() {
        run();
    }, 100);

https://codepen.io/kmarmet/pen/ReXPNO?editors=0010

滚动时如何克隆和删除？

0 个答案: