帮我看看为什么我打开还是这个样子?

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

鑫袜子

2014-12-20 01:14

$(window).on("load",function(){waterfall()})

    function waterfall(){

        var $boxs=$(".main>div");

        var w=$boxs.eq(0).outerWidth();

        var clos=Math.floor($(window).width()/w);

        $(".main").width(w*clos).css("margin","0 auto" );

        var hrry=[];

        $boxs.each(function(i,n){

            var h=$boxs.eq(i).outerHeight();

            if(i<clos){

                hrry[i]=h;

            }else{

                var minh=Math.min.apply(null,hrry);

                var minhi=$.inArray(minh,hrry);

                $(n).css({

                    position:"aboslute",

                    top:minh+"px",

                    left:minhi*w+"px"

                })

                hrry[minhi]+=$boxs.eq(i).outerHeight();

            }

        })

    }

54945cf100014ac205000656.jpg

54945d0000014ac205000656.jpg


写回答 关注

1回答

  • 前端_小菜菜
    2015-02-05 17:31:33

    position:"aboslute" 拼写错误 absolute

瀑布流布局

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

97759 学习 · 736 问题

查看课程

相似问题