jquery - 实现类似 Facebook 的内容加载

Question

我想在我的网页滚动时实现 Facebook 之类的自动内容加载，我们怎样才能轻松实现这一点？是否有任何 jquery 插件呢？

Answer 1

使用 Jquery Waypoints，它会在滚动到达页面底部时创建一个事件挂钩，然后根据您的使用情况对其进行 ajaxify。Js 小提琴示例

虽然它在示例中使用了 JqueryMobile，但与此无关。正确使用它应该可以解决问题。祝你好运！

Answer 2

这相当容易。首先，您必须注意元素何时滚动到其末尾。如果是 FB 侧边栏代码，或者整个页面，你会看到当它滚动到末尾时，在 AJAX 获取数据的同时显示加载 GIF 图像，然后显示数据和 GIF图像被推到视野之外。要注意用户滚动到底部的时刻，您可以执行以下操作：

$(element).bind('scroll',function() {
   if ($(this).outerHeight() + $(this).scrollTop() >= $(this).get(0).scrollHeight) {
   //unbind the 'scroll' event until the data is fetched and displayed
   $(this).unbind('scroll');
   //ajax call to fetch data, display it, and finally rebind the 'scroll' event as a callback function
   }
  });