Facebook如何实现无限滚动

How does Facebook achieve infinite scrolling?

本文关键字：无限滚动实现何实现 Facebook 更新时间：2023-09-26

我的第一个问题是他们如何获得这个滚动条？

http://dl.dropbox.com/u/12337149/scrollbar.png

我在几个地方看过它，所以我想它可能在公共图书馆？我的第二个问题与无限滚动本身有关。我再次在一些网站上看到过它，那么它是一种相对常见的技术并在某处描述过吗？

你的意思是像在Twitter上那样的"延迟加载"效果（当你滚动时，当你到达底部时它会加载更多）？他们使用AJAX（异步JavaScript和XML）并测量何时到达底部并加载更多数据。但是他们使用JSON，因为它对大多数人来说比XML更容易（但它仍然被称为AJAX）。

有一个jQuery插件叫做无限滚动。

同样对于滚动条，这些就像Mac OS X Lion的滚动条（这很可能是他们从哪里得到的想法），这是另一篇关于它的Stack Overflow帖子。

我希望这有助于为您提供有关这些东西的一些信息。

顺便说一下，如果你不知道jQuery是什么，它是一个很棒的JavaScript库，可以让所有东西更快地用JavaScript编码。如果您从未使用过/听说过它，您应该在 jQuery.com 查看它。

AJAX（通常使用 XmlHttpRequest 原语实现;实际上使用 JSON 格式而不是 Xml）是在 javascript 中发出服务器请求而不重新加载页面并注册回调来处理响应的行为。当响应到达时，将使用数据调用回调，例如页面提取，但不重新加载页面。