求帮忙解决??谢谢啦

来源:3-1 jQuery实现瀑布流布局图片定位

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

写回答 关注

1回答

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

    好像没有发现什么问题啊

    Lance金...

    非常感谢!

    2016-04-22 21:52:05

    共 1 条回复 >

瀑布流布局

瀑布流布局是网站比较流行的一种布局方式,教你实现三大方式

97759 学习 · 736 问题

查看课程

相似问题