Facebook如何实现无限滚动？

Question

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

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

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

Answer 1

你的意思是像Twitter上的“延迟加载”效果（当你滚动时，当你到达底部时它会加载更多）？他们使用AJAX (Asynchronous JavaScript and XML)并在您到达底部并加载更多数据时进行衡量。但他们使用JSON，因为它对大多数人来说比XML更容易（但它仍然被称为AJAX）。

有一个名为Infinite Scroll的jQuery插件。

同样对于滚动条的东西，那些就像是Mac OS X Lion的滚动条（很可能是他们从中得到了想法的地方），这是关于它的另一个Stack Overflow post。

我希望这有助于您提供有关此内容的一些信息。

顺便说一句，如果你不知道jQuery是什么，那么它就是一个非常棒的JavaScript库，可以让你在JavaScript中编写代码变得更快。如果您从未使用过/听说过它，请在jQuery.com查看。

Answer 2

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