jquery एनिमेट -> css -webkit-transform: translate3d

Question

मेरे पास एक आईफोन & फोनगैप & JQtouch ऐप है।

अब मैं का उपयोग करें:

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

आदेश स्क्रीन स्विच करने में।

समस्या यह है कि प्रदर्शन काफी खराब है।

मैंने पढ़ा "सीएसएस -webkit-परिणत: translate3d" के साथ यह करने के लिए एक बेहतर तरीका है कि वहाँ,

मैं एक साधारण JQuery समारोह जो नए स्क्रीन के "div" हो जाता है बनाने की जरूरत है और फिर इसे 350ms में दाएं से बाएं स्थानांतरित करता है। जब एनीमेशन किया जाता है, तो मुझे कुछ अन्य JQuery फ़ंक्शन चलाने की भी आवश्यकता होती है।

Answer 1

सीएसएस

#layer{ 

    -webkit-transition-duration: 350ms; 

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

    position: absolute; 

} 

jQuery

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