jquery - 自下而上的砌体堆栈

Question

我想从下往上堆叠砌体砖。

这个问题之前已经回答过了，但是 Masonry 的修改和分叉现在使用了一个非常旧的脚本版本。新版本的 Masonry 有我需要的错误修复。

那么有谁知道如何将旧解决方案应用于新脚本？

这是旧的解决方案。

var position = (opts.fromBottom) ? {
  left: props.colW * shortCol + props.posLeft,
  bottom: minimumY
} : {
  left: props.colW * shortCol + props.posLeft,
  top: minimumY
};

这是一个带有较新 Masonry 脚本的小提琴。我在第 74 行添加了 fromBottom 选项。有问题的代码在第 285 行左右。

这个问题在最新版本的 Masonry 中已经过时（现在是标准选项）。

Answer 1

替换它（从第 287 行开始）：

var position = {
  top: minimumY + this.offset.y
};

有了这个：

var position = (this.options.fromBottom) ? {
  bottom: minimumY + this.offset.y
} : {
  top: minimumY + this.offset.y
};

演示

Answer 2

使用堆叠粘合时，在应用新层之前让砌体干燥非常​​重要。因此，最好是逐行堆叠，而不是先上后侧，这样您就可以随时控制总堆叠的级别。不时将堆叠键与一层运行键交错是一种很好的做法和装饰性。