js瀑布流关键代码

$(function(){
	waterFall();
})

function waterFall(){
	//1.求出列数	
	var box=$('.box');
	var boxWidth=box.outerWidth()
	var screenWidth=$(window).width();
	//求出列数
	var cols=parseInt(screenWidth/boxWidth);
	//创建数组
	var heightArr=[];
	$.each(box,function(index,item){
		var boxHeight=$(item).outerHeight();
		if(index<cols){
			boxHeight[index]=$(item).height();
		}else{
			//数组中最小的值
			var minBoxHeight=Math.min(...heightArr);
			//最小的索引$.inArray()用于查找数组中指定值，范围索引（未匹配返回-1）
			var minBoxIndex=$.inArray(minBoxHeight,heightArr);
			$(item).css({
				position:'absolute',
				left: minBoxIndex*boxWidth+'px', //最小的索引*boxWidth+'px'
			})	top: minBoxHeight+'px', //最小的图片的高度
			//高度追加
			heightArr[minBoxIndex]+=boxHeight;
		}
	})
}

//求数组的最小值  var min=Math.min(10,40,60,29)
// 	var min=Math.min(...[10,40,60,29]);