4

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

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

是否可以禁用此功能，但仍保持同位素功能？我已经读过transformsEnabled其中说禁用它会导致浏览器依赖于顶部/左侧定位。我可以反过来，让浏览器依赖 CSS 转换，还是同位素总是依赖位置：绝对？

4

3 回答 3

1

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

于 2013-07-29T18:40:42.230 回答
1

这是因为未加载的图像导致项目相互重叠。
尝试在所有图像加载后通过imagesLoaded在 call 之前添加函数来初始化 Isotope isotop。代码应如下所示： 

var $container = $('#container').imagesLoaded( function() {
   $container.isotope({
    // options
  });
});
于 2014-04-10T06:54:12.267 回答
0

给容器宽度 100% 和相对位置。

于 2018-08-28T15:36:53.230 回答