Jquery 滚动循环内div

我想尝试实现循环滚动页面的效果。 我找到了我制作的脚本​​在滚动1px加载时进行一些更改，以启用循环

我是否应该在分区内应用此效果。。。但我不知道如何更改代码才能使其正常工作

它有助于在包装器div中实现循环

$(document).ready(function() {   
$('body').height( WRHeight + $(window).height() );
$(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);
    }    
});

---

我重新实现了脚本，并添加了一些注释，希望能让它更清楚：

//具有滚动条的容器元素
var$c=$（“#容器”）；
//高于容器的子元素
变量$e=$（“#元素”）；
//向下滚动时页面将循环的点
var loopPoint=$e.height（）-$c.height（）；
//定义一个函数，该函数在$c的滚动位置发生变化时运行
$c.scroll（函数（）{
//如果新的滚动位置与循环点匹配
如果（$c.scrollTop（）==环点）{
//滚动到（几乎）顶部（“0”将是顶部；我们这样做是为了不立即再次循环）
$c.scrollTop（1）；
}
//否则，如果新的滚动位置=元素的顶部
else if（$c.scrollTop（）==0）{
//滚动到（几乎）底部，我们可以使用（我们的循环点-1）
$c.scrollTop（环点-1）；
}
});

这里有一个JSFIDLE供您参考：

---

注意：我注意到这种方法会严重破坏Chrome中的鼠标中键滚动，导致JSFIDLE崩溃。也许有更好的方法来实现这一点，这样就不会发生这种情况。在最新版本的Firefox中似乎工作正常，但这是我测试的唯一浏览器。

感谢您的帮助！不幸的是，我试图实现您的代码，但它不起作用。。。。