zoukankan      html  css  js  c++  java
  • 瀑布流布局

    1、点击取消就刷新,防止模板不刷新导致bug
    2、循环元素,if(第一排) else(其他排)
    3、数组arr存放第一排高度
    4、获取arr最小值height以及索引index
    5、top最小值heihgt ,left 最小值arr[index].offset().left

    (function () {
      var arr = [];
      var minHeight = 0;
      var current = 0;
      var padding = 20;
      var border = 1;
      $.each($(".flow_a1"), function (m) {
        if (m < 4) {
          arr.push($(this).height());
        } else {
          minHeight = arr[0];
          current = 0;
          for (var i = 0; i < 4; i++) {
            if (minHeight > arr[i]) {
              minHeight = arr[i];
              current = i;
            }
          }
          var top = minHeight;
          console.log("current=" + current);
          var left = $(".flow_a1").eq(current).offset().left - padding - border;
          console.log("minHeight =" + minHeight);
          $(this).css({ "position": "absolute", "top": top, "left": left });
          arr[current] += $(".flow_a1").eq(m).height();
        }
      });
    })();
  • 相关阅读:
    [JSOI2016]最佳团体
    CF125E MST Company
    CF482C Game with Strings
    CF379F New Year Tree
    CF1051F The Shortest Statement
    小a和uim之大逃离
    新魔法药水
    翻硬币
    [CQOI2017]小Q的棋盘
    UVA11729突击战
  • 原文地址:https://www.cnblogs.com/yuyedaocao/p/10877009.html
Copyright © 2011-2022 走看看