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

for(var?i=0;i<aPin.length;i++){//遍歷數(shù)組aPin的每個(gè)塊框元素
????????var?pinH=aPin[i].offsetHeight;
????????if(i<num){
????????????pinHArr[i]=pinH;?//第一行中的num個(gè)塊框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è)置絕對(duì)位移
????????????aPin[i].style.top=minH+'px';
????????????aPin[i].style.left=aPin[minHIndex].offsetLeft+'px';
????????????//數(shù)組?最小高元素的高?+?添加上的aPin[i]塊框高
????????????pinHArr[minHIndex]+=aPin[i].offsetHeight;//更新添加了塊框后的列高
????????}

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

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

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

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