實(shí)現(xiàn)方法：
　　給window的scroll事件l綁定一個(gè)處理函數(shù)：做如下工作：
　　1.如何判斷最后一行的圖片，是否進(jìn)入了可視區(qū)域？
　　　　如果：最后一行的某個(gè)圖片距離瀏覽器可視區(qū)域頂部的距離值 小于 （可視區(qū)域的高度+滾動(dòng)條滑動(dòng)的距離值）；
　　　　那么：就可以判定這個(gè)圖片進(jìn)入了瀏覽器的可視區(qū)域；
　　2.如何用AJAX請(qǐng)求服務(wù)器數(shù)據(jù);
　　　　$.getJSON()方法，直接請(qǐng)求JSON格式的數(shù)據(jù)；
　　3.將數(shù)據(jù)播入到相應(yīng)的列隊(duì)；
　　　　使用$.each循環(huán)，將對(duì)應(yīng)的JSON數(shù)據(jù)入到對(duì)應(yīng)的列當(dāng)中.

注意事項(xiàng)
　　當(dāng)在執(zhí)行AJAX請(qǐng)求的時(shí)候，是有數(shù)據(jù)在傳輸，所以需要一定的時(shí)間，才能獲得返回的jSON數(shù)據(jù)。（有了數(shù)據(jù)，才能向UL中插入LI）而這個(gè)時(shí)候，如果用戶又一次拖動(dòng)滾動(dòng)條，那么上面代碼的isSee 還是返回true；所以又會(huì)執(zhí)行AJAX請(qǐng)求。這里我們就需要手動(dòng)設(shè)置一個(gè)“開關(guān)”，來控制。
　　只有當(dāng)數(shù)據(jù)加載完成后，并且都添加進(jìn)了對(duì)應(yīng)的UL之后，再次拖動(dòng)時(shí)，打開這個(gè)“開關(guān)”，即onOff設(shè)為true;,
　　因?yàn)閿?shù)據(jù)加載完成后，意味著每列的UL里面，在最后面又多出了剛通過AJAX添加進(jìn)來的LI數(shù)據(jù)，所以可以有再次的AJAX請(qǐng)求。

 查看效果:http://www.www.000217.com/skin/myWaterFallFloat/index.html

下載地址:myWaterFallFloat.rar