javascript - Facebook 是如何实现无限滚动的?

标签 javascript facebook scroll infinite-scroll

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

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

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

最佳答案

您的意思是像 Twitter 上的“延迟加载”效果(当您滚动时,当您到达底部时加载更多)?他们使用 AJAX (Asynchronous JavaScript and XML)并测量何时到达底部并加载更多数据。但他们使用 JSON,因为它对大多数人来说比 XML 更容易(但它仍称为 AJAX)。

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

还有关于滚动条的东西,它们就像 Mac OS X Lion 的滚动条(这很可能是他们从中得到想法的地方),这是另一个 Stack Overflow post关于它。

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

顺便说一句,如果您不知道 jQuery 是什么,它是一个很棒的 JavaScript 库,可以让一切都更快地用 JavaScript 编写代码。您应该在 jQuery.com 查看如果您从未使用过/听说过它。

关于javascript - Facebook 是如何实现无限滚动的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10404699/

相关文章:

ruby-on-rails - 无法使用 koala for rails 4 从 facebook 获取提要

html - 全屏图像直到滚动(响应)

javascript - 垂直文本滚动 jQuery

javascript - 从 AJAX 调用 WordPress PHP 函数

javascript - 如何将运行时参数从 html 代码传递给 javascript 函数

facebook - 音频未在 Facebook 应用程序中播放

ios - 使用 SLRequest 将多张图片上传到 facebook

ios - 当我用颜色部分填充 TableView 单元格时单元格中的文本出现问题

javascript - Jquery UI 对话框.. 在主页上加载对话框内容

javascript - 使用 javascript 内联样式 div