为什么刷新过后图片的位置会变化?而且left定义要加上居中外面的Px.每刷新一次,图片位置就不一样
$(function(){
waterfall();
});
var waterfall = function(){
var $boxs = $("#main>div");
var w = $boxs.eq(0).outerWidth();
//获取列数
var cols = Math.floor($(window).width()/w);
var total = w*cols;
$("#main").width(total);
var hArr = [];
$boxs.each(function(index,value){
var h = $boxs.eq(index).outerHeight();
if(index<cols){
hArr[index] = h;
}else{
var minH = Math.min.apply(null,hArr);
var minHindex = $.inArray(minH,hArr);
$(value).css({
'position':'absolute',
'top':minH+'px',
'left':minHindex*w+'px'
});
hArr[minHindex] += $boxs.eq(index).outerHeight();
}
})
}