Javascript 双向无限滚动

我一直在一个小网站上工作，我希望它是滚动和循环向上和向下

我打了个手势来表示我的问题。目前我正在使用此方法：

$(document).ready(function(){
        $(window).scroll(function() {
            if ( $(window).scrollTop() >= ($('body').height() - $(window).height()) ) {
                $(window).scrollTop(1);
            }
            else if ( $(window).scrollTop() == 0 ) {
                $(window).scrollTop($('body').height() - $(window).height() -1);
            }    
        });
    });

我的问题是，没有转换，只有当顶部和底部的内容完全相同时，这种方法才有效

---

你知道我如何在用户每次到达末尾时将相同的div添加到顶部和底部吗

如果您使用jquery，那么可以使用或类似的方法相当容易地在页面上移动div。当你到达底部时，抓住页面上的第一个div并将其向下移动到最后一个div之后的右侧。在确保你总是得到正确的答案方面，有一些有趣而又有点挑剔的工作要做，但这应该是完全可行的。

这里有一个实用的提琴：

下面是javascript：

(function($){
    $(document).ready(function(){
        var html = $(".what").html();
        var what = '<div class="what">'+html+'</div>';
        $(window).scrollTop(1);
        $(window).scroll(function() {
            if ( $(window).scrollTop() >= ($('body').height() - $(window).height()) ) {
                $(".what").last().after(what);
                if ($(".what").length > 2) {
                    $(".what").last().prev().remove();
                    $(window).scrollTop($(window).scrollTop() - $(".what").first().height());
                }
            }
            else if ( $(window).scrollTop() == 0 ) {
                $(".what").first().before(what);
                $(window).scrollTop($(".what").first().height());
                if ($(".what").length > 2) {
                    $(".what").last().remove();
                }
            }    
        });
    }); 
})( jQuery );

（函数（$）{
$（文档）.ready（函数（）{
var html=$（“.what”）.html（）；
var what=''+html+''；
$（窗口）.scrollTop（1）；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>=（$（'body'）.height（）-$（窗口）.height（））{
$（“.what”）.last（）在（what）之后；
如果（$（“.what”）.length>2）{
$（“.what”）.last（）.prev（）.remove（）；
$（窗口）.scrollTop（$（窗口）.scrollTop（）-$（“.what”）.first（）.height（））；
}
}
else if（$（窗口）.scrollTop（）==0）{
$（“.what”）.first（）.before（what）；
$（窗口）.scrollTop（$（“.what”）.first（）.height（））；
如果（$（“.what”）.length>2）{
$（“.what”）.last（）.remove（）；
}
}    
});
}); 
})（jQuery）；

还有一个问题，是否可以克隆div内容并将其插入现有div中，而不使用其div元素？