2

同位体を使用してフィルターで除外すると、項目の高さと幅の CSS トランジションを無効にしようとしています。したがって、アイテムをフェードアウトまたはフェードインさせ、動き回らせるだけで、スケーリングはありません。

標準の CSS トランジションにあらゆる種類の CSS 変更を試みました: http://isotope.metafizzy.co/docs/animating.html#css_transitionsが、成功しませんでした。

これはプラグインを変更しなくても可能ですか?

現時点で私が持っているもののデモは次のとおりです: http://codepen.io/2kp/pen/nAGkp

4

3 に答える 3

3
$('#container').isotope({
      hiddenStyle: {
        opacity: 0
      },
      visibleStyle: {
        opacity: 1
      }
})
于 2014-08-20T22:50:22.703 に答える
1

hiddenStyle および visibleStyle オブジェクトのオーバーライドが機能しなかったため、プラグイン自体を ( transform:"scale(0.001)"andを削除して) 変更するルートを取りました(Isotope のドキュメントhttp://isotope.metafizzy.co/options.html#visiblestyleで示唆されているように) 。 .transform:"scale(1)"

それが役立つことを願っています! プラグインのバグのようです。

于 2014-09-26T20:17:00.077 に答える