Lance金牛座
2016-04-13 16:18
效果实现不了啊
<script type="text/javascript">
$(window).on("load",function(){
waterfall();
})
function waterfall(){
var $boxs=$("#menu>div");
var boxW=$boxs.eq(0).outerWidth();
var cols=Math.floor($(window).width()/boxW);
$("#menu").width(cols*boxW).css("margin","0 auto");
var hArr=[];
$boxs.each(function(index,value){
var h=$boxs.eq(index).outerHeight();
if(index<cols){
hArr.push(h);
}
else{
var minH=Math.min.apply(null,hArr);
var minHindex=$.inArray(minH,hArr);
$(value).css({
"position":"absolute",
'top':minH+"px",
"left":minHindex*boxW+"px"
})
hArr[minHindex]+=$boxs.eq(index).outerHeight;
}
})
}
好像没有发现什么问题啊
瀑布流布局
97759 学习 · 736 问题
相似问题