瀑布流思路總結

前言：瀑布流的效果，頁面都是由很多資料塊(這裡將資料塊分成多列)組成，每個資料塊的高度不等，

瀏覽器下拉後資料都是從高度最小列最先展示在使用者面前；

例項：

//

獲取數值陣列中最小項的索引
//陣列只有乙個元素，直接返回0
//如果最小值有兩個或以上,則返回第乙個最小值的索引
function
minindexof ( array ) 
for (var i = 1; i < len; i++) 
}return
index;
}}

//

當瀏覽器 視口高度+scrolltop 大於等於 最小列的底部位置時，再次請求資料
function
scrollevent() 
}

function

handleloopdata( start, end ) 
}}

1、ajax請求返回的資料可以分批插入到頁面中，利用 handleloopdata函式的兩個引數;

2、在處理時，可以先將url位址設定在img標籤的乙個屬性中，css可以將父容器背景設定為乙個載入的gif，當載入完畢後，再將該位址填入到img標籤的src中。

//

修改一下handleloopdata函式中**
if ( itemobj !==undefined ) );
img.src =imgurl;
}($targetpic, imgurl));
}

該博文最後更新於：2013/11/25

ios 做瀑布流效果大致思路

1.總先做成幾列是事先要清楚，有多少條記錄，這個可以從json或者xml中讀取後知道 json或xml最好將的高度和寬度也顯示出來，便於後面用到 2.假設要做成3列，就用三個uitableview，寬度平均，高度動態，頁面高度取uitableview中最高的。3.三個uitableview初始化的時...

關於瀑布流

鑑於現今瀑布流的流行，上次面試的時候又遇到了這個問題，可我確實沒有實現過，一時問起確實只知道用float left的方式。1.固定列寬和列數，列設定float left，乙個列就是乙個內容塊，載入內容就選擇載入到各列中 2.使用css3的多列布局 前兩種方式比較簡單，而所謂最大的缺陷也就是列數目已確...

瀑布流函式

在jquery物件後面新增瀑布流函式 function 其他行 else 其他行 top 每列中的最小值 即最低的那一列 val css 修改高度陣列 最小高度 最小高度 當前子元素高度 arrheight minindex minheight height 查詢高度 最大值 var maxinde...