为了账号安全,请及时绑定邮箱和手机立即绑定

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

$(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 回答

position:"aboslute" 拼写错误 absolute

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
瀑布流布局
  • 参与学习       97756    人
  • 解答问题       736    个

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

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信