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();
        }
      });
    })();
  • 相关阅读:
    创建目录(单个目录和多级子目录)方法
    C++中创建目录
    C/C++中判断某一文件或目录是否存在
    Eclipse快捷键大全(转载)
    关于注册模型失败的分析
    框架Model注册失败
    nop中导航属性的写法
    CodeFirst中导航属性的代码实现 理解
    MVC下验证码
    Androidi学习笔记 1
  • 原文地址:https://www.cnblogs.com/yuyedaocao/p/10877009.html
Copyright © 2011-2022 走看看