縮放頁面并且滾動時會執(zhí)行waterfall函數(shù)，此時clientWidth發(fā)生變化，所以列數(shù)num也會發(fā)生變化；如果是縮小，那么原來在第一行的元素會被擠到下面，變成絕對定位，頁面重排；放大的話，num變大，原來在第二列的元素是絕對定位，不會回到第一排，所以部分i<num的aPin[i]仍在第二排，而在for循環(huán)中

for(var?i=0;i<aPin.length;i++){//遍歷數(shù)組aPin的每個塊框元素
????????var?pinH=aPin[i].offsetHeight;
????????if(i<num){
????????????pinHArr[i]=pinH;?//第一行中的num個塊框pin?先添加進(jìn)數(shù)組pinHArr
????????}else{
????????????var?minH=Math.min.apply(null,pinHArr);//數(shù)組pinHArr中的最小值minH
????????????var?minHIndex=getminHIndex(pinHArr,minH);
????????????aPin[i].style.position='absolute';//設(shè)置絕對位移
????????????aPin[i].style.top=minH+'px';
????????????aPin[i].style.left=aPin[minHIndex].offsetLeft+'px';
????????????//數(shù)組?最小高元素的高?+?添加上的aPin[i]塊框高
????????????pinHArr[minHIndex]+=aPin[i].offsetHeight;//更新添加了塊框后的列高
????????}

會把i<num的aPin[i]當(dāng)成第一排，導(dǎo)致頁面出現(xiàn)錯誤。

可以在for循環(huán)前面加一個

for(var?j?=?0;?j?<?num?;j++){
????aPin[j].style.position="";
????}

清除掉i<num的aPin[i]的絕對定位，就ok了。