2012-04-18 2 views
1

Я использую Изотоп и имею проблему в Internet Explorer. В Chrome/Firefox анимация завершается в течение одной секунды. IE 7-9 занимает пять секунд.Медленная изотопная анимация в Internet Explorer

Переходы используются, и CSS такой же, как указано в http://isotope.metafizzy.co/docs/animating.html#css_transitions

JS, который загружает скрипт:

$('#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 
}); 

Кто-нибудь знает, почему IE так медленно?

Одна вещь, которую я забыл упомянуть (любопытное важно), что у меня есть пара кнопок сортировки, что делать 2 вещи:

  1. Установте «временную метку» некоторых элементов
  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

Поскольку Chrome и Firefox поддерживают css, переходы и разгрузка работы на GPU. IE до 9 нет. Это означает, что все «переходы» вычисляются в Javascript, что намного дороже в производительности.

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

Смежные вопросы