2012-05-01 69 views
8

我的第一個問題是,他們是如何得到這個滾動條?Facebook如何實現無限滾動?

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

我已經在一些地方看到它,所以我推測它可能是在公共圖書館?我的第二個問題涉及無限滾動本身。我再次在幾個網站上看過它,所以它是一種相對常見的技術,並在某處進行了描述?

+1

不知道是什麼Facebook的使用,但檢查:http://www.infinite-scroll.com/ – bfavaretto

+0

@bfavaretto他們可能創建自己就像他們創建了自己的JavaScript庫。 – Nathan

回答

12

你的意思是像在Twitter上的「懶加載」的效果(當您滾動,它加載更多的時候你到達底部)?他們使用AJAX (Asynchronous JavaScript and XML)並在到達底部並加載更多數據時進行測量。但是他們使用JSON,因爲大多數人比XML更容易(但仍然稱爲AJAX)。

有一個jQuery插件調用Infinite Scroll

而且滾動條的東西,這些都是一樣的Mac OS X Lion中的滾動條(這是最有可能在那裏他們得到了這個想法),這裏的另一個Stack Overflow post了。

我希望這有助於給你一些關於這個東西的信息。

而到,如果你不知道jQuery是什麼方式,它是JavaScript的一個真棒庫,使一切更快的代碼在JavaScript。如果您從未使用過或聽說過它,您應該在jQuery.com處查看。

1

AJAX(通常使用XmlHttpRequest原語實現;實際使用JSON格式而不是Xml)是在不重新加載頁面的情況下在javascript中創建服務器請求並註冊回調以處理響應的操作。當響應到達時,回調將與數據一起被調用,如頁面抓取,但不重新加載頁面。

+0

什麼是觸發請求的事件? –

+0

我想你的意思是「俗稱AJAX」。 JSON可能會或可能不會被用作XHR/AJAX傳輸的數據格式,但不一樣。 – Steve

+0

@Steve:哎呀,謝謝,我知道什麼是錯誤的,當我輸入這一點。 – ninjagecko