這種做法好像會有很多種
目前我所知的是Lazyload(或者偽lazyload)
http://esterndesign.com/blog/jquery-lazyload-plugin/
不知道是不是你要的就是了..
不過要看你為什麼需要做出像fb一樣的效果
出發點不同,應該會有不同的想法,也會有不一樣的做法
程式自己找
自己都說了 有觀察到 滑鼠到最底下
所以 要先找到如何讓電腦知道滑鼠到最底了
然後 電腦知道到最底了 就執行 自動更新
Infinite Scrolling +1
我自己也做了一個 scroll-pagination 的工具:
https://github.com/josephj/scroll-pagination
不過目前跟後端要資料只支援 XMLHttpRequest 的作法
看看是否合用
實際的作法可參考原始碼的 259 行
https://github.com/josephj/scroll-pagination/blob/master/scroll-pagination.js#L259
基本上就是 scroll 時去判斷跟底部的距離、是否需要載入新資料(當然 Resize 也要考慮)
其餘的就是載入資料了