你應(yīng)該使用了?$(window).on("resize", waterfall); 這句監(jiān)聽(tīng)器了窗口大小的變化吧。

試想，你先縮小再放大，就會(huì)產(chǎn)生這樣的效果。這是為什么呢？原因是窗口變小后調(diào)用了waterfall方法，此時(shí)算出來(lái)的列數(shù)比原先的小，這時(shí)原先是處在第一行的圖片現(xiàn)在到了第2行，那么到第2行的話就一定會(huì)被添加了 position:absolute屬性。再放大的話，這個(gè)盒子又要”回到“第1行，但是它已經(jīng)被添加了 position:absolute屬性，所以它”回不去“了。因此，需要 在源代碼中加上這么一句：

if(index < cols) {
? ?$(value).removeAttr("style"); //移除style樣式，配合 resize 事件（窗口變化時(shí)觸發(fā)）

? ?hArr[index] = h;
} else {

如果它是處在第1行，那么一定要先移除掉style屬性，不管它有沒(méi)有style屬性了。

//按照瀏覽器最大化的寬度，6是經(jīng)過(guò)測(cè)試得到
var cols = (Math.floor($(window).width()/w)<6)?6:Math.floor($(window).width()/w);

加上這一句可以解決，還有其他方法嗎？？？