Internet Explorerの低速アイソトープアニメーション

私はIsotopeを使用しており、Internet Explorerに問題があります。 Chrome/Firefoxでは、アニメーションは1秒以内に完了します。 IE 7-9には5秒かかります。Internet Explorerの低速アイソトープアニメーション

遷移が使用されている、とhttp://isotope.metafizzy.co/docs/animating.html#css_transitions

スクリプトロードJSに記載されているとCSSは同じです：IEは非常に遅いですなぜ

$('#timeline').isotope({ 
    itemSelector : '.item', 
    transformsEnabled: true, 
    layoutMode: 'spineAlign', 
    spineAlign:{ 
     gutterWidth: 56 
    }, 
    getSortData: { 
     timestamp: function($elem){ 
      return parseFloat($elem.find('.timestamp').text()); 
     } 
    }, 
    sortBy: 'timestamp', 
    sortAscending: false, 
    itemPositionDataEnabled: true 
});

誰もが知っているの？

は、いくつかの項目
リゾートアイテム
の「タイムスタンプ」を調整します。私は（ちょっと重要）言及するのを忘れてしまった

ことの一つは、私は2つのことを行うソートボタンのカップルを持っているということです
```
$('#timeline').isotope('reloadItems').isotope({sortAscending: false}); 
```

これは、IEが遅いこのプロセスです。最初のページの読み込みではありません。

出典

2012-04-18 deckerdev

私はあなたの問題（http://texas-asl.com/x.htm - ヒットリフレッシュ）の私のレクリエーションの違いが表示されません。移行時間はIEとChromeで同じに見えます。 –

元の質問に、忘れてしまった重要な情報を含めるように更新しました。 – deckerdev

ここで解決方法を見つけることができます： http://stackoverflow.com/questions/9121330/slow-executing-js-in-ie-and-ff/10535843#10535843 –

クロムとFirefoxはCSS遷移をサポートしているため、GPUに作業負荷を軽減します。 IE 9まではありません。これは、すべての「遷移」がJavascriptで計算されていることを意味します。これは、パフォーマンスが大幅に高価になります。

http://caniuse.com/#feat=css-transitions

出典

2012-12-24 13:09:52

Internet Explorerの低速アイソトープアニメーション

答えて

関連する問題