2012-04-18 8 views
1

私は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 
}); 

誰もが知っているの?

  1. は、いくつかの項目
  2. リゾートアイテム

    の「タイムスタンプ」を調整します。私は(ちょっと重要)言及するのを忘れてしまった

    ことの一つは、私は2つのことを行うソートボタンのカップルを持っているということです

    $('#timeline').isotope('reloadItems').isotope({sortAscending: false}); 
    

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

+0

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

+0

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

+0

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

答えて

0

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

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