jquery animate -> css -webkit-transform: translate3d

Question

Tôi có iPhone & Phonegap & ứng dụng JQtouch.

Bây giờ tôi sử dụng:

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

để chuyển màn hình.

Vấn đề là màn trình diễn khá tệ.

tôi đọc rằng có một cách tốt hơn để làm điều đó với "css -webkit-transform: translate3d",

tôi cần phải tạo một hàm JQuery đơn giản mà được các "div" của màn hình mới và sau đó di chuyển nó từ phải sang trái trong 350ms. Khi hoạt hình được thực hiện, tôi cũng cần chạy một số hàm JQuery khác.

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