Question

我想实现Facebook，就像在我的网页上滚动自动内容加载一样，我们怎样才能轻松实现这个目标？是否有任何jquery插件？

Answer 1

使用Jquery Waypoints，当滚动到达页面底部时，它将创建一个事件挂钩，然后根据您的用法对其进行ajaxify。 Js Fiddle Example

虽然它在示例中使用了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
   }
  });

像内容加载一样实现Facebook

2 个答案: