jquery animate -> css -webkit-transform: translate3d

Question

У меня есть приложение для iPhone, Phonegap и JQtouch.

Теперь я использую:

$('someElement').animate(...);

для переключения экранов.

Проблема в том, что производительностьдовольно плохо.

Я читал, что есть гораздо лучший способ сделать это с помощью "css -webkit-transform: translate3d",

Мне нужно создать простую функцию JQuery, которая получает "div"новый экран и затем перемещает его справа налево за 350 мс.Когда анимация закончится, мне также нужно запустить другую функцию JQuery.

Answer 1

CSS

#layer{

    -webkit-transition-duration: 350ms;

    -webkit-transform: translate3d(0,600px,0);

    position: absolute;

}

JQuery

$('#layer').css('-webkit-transform', 'translate3d(0,0,0)');