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

아는 사람을?

일부 항목
리조트 항목
의 '타임 스탬프를'조정 : 나는 (좀 중요) 언급하는 것을 잊었다

것은 내가이 일을 정렬 버튼의 몇 가지를 가지고있다
```
$('#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 –

Chrome 및 Firefox는 CSS 전환을 지원하고 GPU로 작업을 오프로드하기 때문에. IE 9까지하지 않습니다. 이것은 모든 '변환'이 자바 스크립트로 계산된다는 것을 의미합니다. 이는 성능면에서 훨씬 비쌉니다.

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

출처

2012-12-24 13:09:52

Internet Explorer의 천천히 동위 원소 애니메이션

답변

관련 문제