Question

我正在制作我的新作品集，我有一个问题。是否有可能制作infite滚动？我有这样的事情：

<container>
    <box></box>
    <box></box>
    <box></box>
    <box></box>
    <box></box>
    <box></box>
    <box></box>
    <box></box>
</container>

在我到达容器底部后，jQuery是否有可能使盒子重复，然后再显示它们？ So'ive得到了infite滚动循环？

滚动到容器顶部也是一样。

Answer 1

实际上我发现很容易实现：

$('.container').bind('scroll', chk_scroll);
function chk_scroll(e) {
    var elem = $(e.currentTarget);
    if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) {
        $('.box').clone().insertAfter(".box:last");
    }
}

jQuery infite scrolling（重复项）

1 个答案: