循环滚动网站

Question

我想创建一个具有 Unfold 的website 的循环滚动功能的网站。

一旦您一直向下滚动到底部，该网站就会循环回到顶部，但它不仅会跳到顶部，它还会在您甚至不知道自己在顶部的地方无缝地进行。它还允许用户向上滚动并执行相同的操作。

我知道这个问题已经被问及“回答”here，但它确实不是我想要的。上一篇文章的答案不错，但他们的解决方案并不能真正模拟展开无缝循环滚动。

我正在寻找一种可以双向滚动并在末端和顶部之间平滑过渡的解决方案，反之亦然。

有什么想法吗？

Answer 1

那么尝试使用这段代码

if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) {
    $(document).scrollTop(0)
} else if ($(window).scrollTop() < 1) {
    $(document).scrollTop($(document).height())
}