Question

我有一个网站的想法，但我还不确定如何达到预期的结果。最终产品将是一个网站，其中基于从数据库返回的数据生成一系列可见的连接节点。

第一个问题是我需要网站来容纳任何可能跨越任何方向的生成内容。

那么有谁知道如何实现'无限'滚动网站？我已经看到了在线创意板上的这种东西，用户可以在任何方向移动鼠标，页面开始滚动，页面看似无限扩展。

Answer 1

您可以尝试这样的事情：

// Fetch variables
var scrollTop = $(document).scrollTop();
var windowHeight = $(window).height();
var bodyHeight = $(document).height() - windowHeight;
var scrollPercentage = (scrollTop / bodyHeight);

// if the scroll is more than 90% from the top, load more content.
if(scrollPercentage > 0.9) {
    // Load content
}

Answer 2

无限滚动概念让我首先想到的是Facebook！ qnimate的页面可能是您要查找的代码 -

qnimate.com/facebook-style-infinite-scroll

对于任一方向的无限滚动，您必须调整代码以包含window.pageXOffset

我建议检查的其他链接是 -

sitepoint.com/jquery-infinite-scrolling-demos/

tutsplus.com/articles/vertical-and-horizontal-scrolling-with-fullpagejs

如何使用“无限”滚动空间创建网站？

2 个答案: