0

Isotope の流体/応答モードを複製しました: http://isotope.metafizzy.co/demos/fluid-responsive.htmlですが、「transition: width 0.3s」を使用してクリックした要素の幅をアニメーション化することを追加しました。これは機能しますが、「transitionend」でトリガーしている「reLayout」アニメーションが無効になります。

一方が他方をオーバーライド/競合していると考えています。誰かが同様の問題を抱えているか、これを回避する方法を知っていますか? 私は 'animationEngine : 'jquery' を設定しようとしましたが、これで問題は解決しましたが、ひどいようです - ブラウザの再ペインの問題!?

助けてくれてありがとう!

そして、これがライブデモです...

http://www.voyced.com/isotope-test/

開発者ツールで css プロパティ "transition: width 0.3s" を無効にすると、'reLayout' アニメーションが再び機能します。

4

1 に答える 1