2010-09-21 62 views
2

我注意到很多網站,包括YouTube和http://video.yahoo.com/,亞馬遜和Facebook正在加載內容以上的內容,然後一旦你向下滾動,其餘的加載。我不確定它是否呈現被延遲的內容,或者當您向下滾動時正在獲取的媒體(例如圖片)。速度優化技術,像yotube和雅虎這樣的網站正在使用

有誰知道它是如何完成的或我如何實現類似的東西?

+0

該技術被稱爲'無限滾動' – irishbuzz 2010-09-21 09:50:29

+0

這種技術最好在Google圖像的新UI或Bing圖像的舊UI中看到。 – AlexanderMP 2010-09-21 10:31:11

+0

感謝您的回覆 – zcourts 2010-09-21 18:47:31

回答

1

true。他們使用javascript(或jquery)在滾動中加載內容。

大部分時間圖像,因爲他們在一個頁面加載最大的時間。

那裏有幾個可用的jQuery插件可以幫助你實現。

一個插件的例子是>>>>jQuery Lazy Load通過YUI ImageLoader的啓發

或谷歌 - 這樣的事情 - 「的jQuery +延遲加載插件」

希望幫助

問候,J」 Sinh

+0

不錯,發現一個建立在lazy load jq插件上的wordpress插件。謝謝 – zcourts 2010-09-21 18:47:10

1

http://api.jquery.com/scroll/

使用此事件處理程序,檢查滾動位置,其與原稿的高度http://api.jquery.com/height/ ,如果相比於高度滾動位置表明用戶是在底部或接近底部,使用Ajax獲取更多內容。

對不起,這只是一個普遍的答案,只是這需要試驗,編寫代碼需要一點時間。也許別人會這樣做,但我會堅持這一點。

+0

感謝您的回覆 – zcourts 2010-09-21 18:58:05