如何用'无限'滚动空间创建一个网站？

我有一个网站的想法，但我还不确定如何实现预期的结果。最终产品将成为一个网站，根据数据库返回的数据生成一系列可见的连接节点。如何用'无限'滚动空间创建一个网站？

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

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

来源

2017-04-24 Mr.Bigglesworth

这是一个非常模糊的问题，但也许D3.js可能是你在找什么？ https://d3js.org/ – powerbuoy

你是否喜欢在帝国时代的游戏中将光标移动到屏幕边缘以使视图端口朝那个方向移动？（对不起，对游戏的参考，找不到更好的方式来解释它） – ste2425

是的，我想这是一个很好的例子！（我很欣赏）。我可以从一个特定的地方开始，滚动浏览更多的内容，但在Web浏览器中 –

你可以尝试这样的事情：

// 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 
}

来源

2017-04-24 21:15:42

感谢您的回答，这是一个很好的开始使用它的机制！ –