translate3d vs css left/top и аппаратное ускорение

Question

translate3d vs css left/top и аппаратное ускорение

Как я понимаю, аппаратное ускорение на устройствах iOS включается при использовании translate3d(). Так почему же этот тест на jsperf показывает, что использование css left/top быстрее?

9

javascript jquery translate3d

Источник

user906086 27 авг '11 в 07:51

1 ответ

Решение

Другие вопросы по тегам javascript jquery translate3d

user164352 28 авг '11 в 05:45 2011-08-28 05:45 · Accepted Answer · 2011-08-28 05:45

Я использовал translate3d широко на iOS вместо CSS слева / вверху, и я могу сказать одно:

Это действительно быстрее для анимации (что, похоже, не делает jsperf). Я предполагаю, что left / top быстрее при тестировании, поскольку ничего не анимировано, и я тоже не думаю, что что-либо отображается.

Это когда используется в сочетании с transition (или же -webkit-transition) тот translate3d работает свое волшебство.