1

我正在使用 Isotope,但在 Internet Explorer 中遇到问题。在 Chrome/Firefox 中,动画在一秒钟内完成。IE 7-9 需要五秒钟。

正在使用过渡,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 这么慢?

我忘记提到的一件事(有点重要)是我有几个排序按钮可以做两件事:

  1. 调整某些项目的“时间戳”
  2. 度假物品

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

正是这个过程在 IE 中很慢。不是初始页面加载。

4

1 回答 1

0

因为 Chrome 和 Firefox 支持 css 转换并将工作卸载到 GPU。IE高达9没有。这意味着所有的“转换”都是用 Javascript 计算的,这在性能上要高得多。

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

于 2012-12-24T13:09:52.777 回答