问答详情
源自:5-2 编程挑战

过动画分散到它该出现的位置

请问一下在最后的编程挑战中过动画分散到它该出现的位置   这个改怎么写  想了解一下思路 谢谢 

提问者:慕粉2339245216 2017-07-07 09:33

个回答

  • 白小九
    2017-07-30 20:21:51

    建议你讲课程3-1再看一遍,讲解的很详细。

    1、找到列高最少的那一列,计算列高和索引:

    minH = Math.min.apply(null, hArr);
    minHIndex = $.inArray(minH, hArr);

    2、将图片定位到该列最后那张图片的下方:

    box.css({
        "postion": "absolute",
        "top": minH + "px",
        "left":boxW*minHIndex + "px"
    })

    3、加载图片后更新列高:

    hArr[minHIndex] += box.outerHeight();