何时在无限滚动上获取更多内容？

Question

我正在为我的网站构建一个无限滚动功能，并且正在讨论什么滚动点以向页面注入更多内容。我见过一些在距文档底部固定像素距离处执行请求的人，以及其他感觉基于百分比的请求。像Tumblr，Facebook，Pinterest等大型网站有什么作用？固定像素距离和百分比之间是否有不同的用例？这是我的代码：

// 20%
var scrollPoint = ($(document).height()/5);
if($(window).scrollTop() >= $(document).height() - $(window).height() - scrollPoint) {
    console.log('Load more goodness');
}

编辑：在重新审视Facebook时，它们几乎看起来像是一个“热区”，他们可以吸引更多内容。如果您使用鼠标滚动到底部，则无法自动获取内容。

Answer 1

我认为固定像素距离是一个好主意，因为当你添加更多内容时，20％标记可能会包含越来越多的信息。根据您的内容，我认为它甚至可能会在反馈循环中结束。

Answer 2

由于鼠标滚轮的“勾号”与窗口大小无关，我认为触发距离也应该是静态的。

我真的不知道该说些什么。这有什么不同吗？只要用户没有点击页面底部，我认为这不重要。

Answer 3

为什么不使用像这样的现有JQuery插件而不是自己编写？ http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/