4

同位体は、このスタイルをアイテムに追加します:

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

これを無効にしても、Isotope の機能を維持することはできますか? transformsEnabledこれを無効にすると、ブラウザが上/左の位置に依存するようになるということを読んだことがあります。ブラウザが CSS 変換に依存するように逆にすることはできますか、それとも Isotope は常に position: absolute に依存しますか?

4

3 に答える 3

1

これは、アイテムが互いに重なり合うアンロードされたイメージが原因です。call の前に function
を追加して、すべての画像がロードされた後に Isotope の初期化を試みます。コードは次のようになります。 imagesLoadedisotop

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

結局のところ、Isotope は、Isotope 項目に position: absolute を追加しなくても機能します。これは、hiddenStyleおよびvisibleStyleでスタイルを定義することによって実現されます。http://codepen.io/betweenbrain/pen/bkwuFに見られるように、これは実装後に追加の作業が必要なようです。うまくいけば、それがあなたを正しい道に導くのに役立ちます.

于 2013-07-29T18:40:42.230 に答える