Jak przyspieszyć animację przejścia strony?

Question

Zrobiłem prostą aplikację dla mojego iPhone'a za pomocą jQuery Mobile i Phonegap. działa bardzo dobrze, ale aplikacja wykorzystuje się następujące przejścia do innej strony i że była powolna jak cholera:

<a data-role="button" id="about_link" data-transition="slide" 
    href="#page3" data-icon="gear" data-iconpos="left"> 
    Settings 
</a> 

Wystarczy prosty a robi magię tutaj i to spowodowało dziwne 400ms lag itp ..

Teraz po wielu lekturach wykonałem przycisk a jako div i osobiście zająłem się wydarzeniem kliknięcia, aby przycisk był szybszy.

$("#about_link").live("touchstart", function(){ 
    slideTo('#page3',false); 
}); 
function slideTo(page,reverse){ 
    $.mobile.changePage(page, { 
     transition: "slide", 
     reverse: reverse 
    }); 
} 

Różnica jest znacząca, ale wciąż jest zbyt powolna jak na mój gust. Wygląda na to, że jQuery Mobile czeka, aż cała animacja przycisku (najechanie kursorem i kliknięcie) zakończy się, zanim przejdzie na drugą stronę.

Teraz moje pytania:

1. Czy touchstart najszybszy sposób? Użyłem innych bibliotek, takich jak fastclick, ale to też nie było super szybkie.
2. Czy animacja przycisku to badguy tutaj? Czy mogę go wtedy wyłączyć?
3. Czy możecie mi dać wskazówki? Google nie jest moim przyjacielem w tym konkretnym problemie ...

Gr.

Answer 1

To rzeczywiście w CSS jQuery mobile za:

.in, .out { 
    -webkit-animation-timing-function: ease-in-out; 
    -webkit-animation-duration: 350ms !important; 
} 

Wystarczy dostosować MS i jesteś dobry.

Answer 2

Prawdopodobnie dokonasz niestandardowego przejścia. Czystsze niż hakowanie CSS.

http://jquerymobile.com/test/docs/pages/page-customtransitions.html