问答详情
源自:3-1 jQuery实现瀑布流布局图片定位

求帮忙解决??谢谢啦

效果实现不了啊



<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;
            }
        })
    }

提问者:Lance金牛座 2016-04-13 16:18

个回答

  • 慕前端2813051
    2016-04-14 09:54:46
    已采纳

    好像没有发现什么问题啊