IsotopeJS可以在不添加位置的情况下工作：对同位素项目绝对吗？

Question

Isotope将此样式添加到项目中：

position: absolute; 
left: 0px; 
top: 0px; 
-webkit-transform: translate3d(0px, 0px, 0px);

是否可以禁用此功能，但仍保持同位素功能？我读过关于transformsEnabled的内容，其中说禁用它会导致浏览器依赖于顶部/左侧定位。我可以反过来，以便浏览器依赖于CSS转换，或者Isotope总是依赖于position：absolute？

Answer 1

事实证明，Isotope可以在不添加位置的情况下工作：对同位素项目绝对。这是通过使用hiddenStyle和visibleStyle定义样式来实现的。一旦实施，这似乎需要一些额外的工作，如http://codepen.io/betweenbrain/pen/bkwuF所示。希望这有助于您走上正确的道路。

Answer 2

由于卸载的图像导致物品相互重叠 尝试在所有图像加载后通过在调用imagesLoaded之前添加isotop函数来初始化Isotope。代码应如下所示：

var $container = $('#container').imagesLoaded( function() {
   $container.isotope({
    // options
  });
});

Answer 3

给容器宽度100％并相对放置。