javascript - 双向无限滚动 - 向上和向下

Question

我正在尝试创建一个上下无限滚动循环的页面。

目前我正在使用 jquery 将内容从页面顶部重新定位到底部。当您向下滚动时，这会创建一个很好的无缝循环，但我希望它在用户向上滚动时也能正常工作。

问题似乎是即使内容位于页面上的负垂直空间中，滚动也不会延伸到该空间。据我所知，没有办法覆盖它，所以我正在寻找某种解决方法。

我想过使用 javascript 来禁用滚动并使用滚动事件来重新定位元素，但是页面上已经有很多绝对定位的元素和动画，所以我担心采用这种方法的性能。

还有其他线索吗？

Answer 1

好的...我解决了。

我改编了this script当您到达底部时，它会立即将滚动位置重新定位到页面顶部，当您到达顶部时，它会立即将滚动位置重新定位到页面底部。

$(window).scroll(function() {
    if ( $(window).scrollTop() >= 18830 ) {
        $(window).scrollTop(201);
    }
    else if ( $(window).scrollTop() == 0 ) {
        $(window).scrollTop(18629);
    }    
});

然后我确保页面底部和顶部的内容相同。本以为这次搬迁的时候会有闪现什么的，结果很顺利!