Esiste un'alternativa leggera a jQuery Mobile solo per le transizioni di pagina?

Question

Sto cercando un framework ULTRA-light o snippet che gestisca le transizioni di pagina css in modo simile a JQM o JQTouch. Funzionano bene ma non voglio aggiungere quasi 200kb di risorse solo per ottenere alcune transizioni.

mi piacerebbe che per caratterizzare:

da pagina a pagina commutazione (div) all'interno di un singolo HTML-doucment.

Effettuare una transizione "flip" e possibilmente una "diapositiva".

Qualcuno ha visto una cosa del genere?

Modifica: Vorrei evitare di utilizzare jQuery tutti insieme.

Answer 1

aggiornamento, ha trovato questo:

http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/

sembra come se questo ragazzo è stato in grado di (quasi) estrarre le transizioni di JQM in uno script stand-alone.

Ispirato da questo ho scritto questo script che gira tra le pagine: http://jsfiddle.net/AAfek/47

Use document.querySelector or querySelectorAll instead of using document.all.tags 

funziona a meraviglia per i miei scopi ..

Answer 2

U può verificare un leggero page flip jquery a: http://tympanus.net/codrops/2010/12/14/moleskine-notebook/

Essi hanno incluso alcune immagini con lo script, u ​​può evitare di avere dimensioni anche minore.

Credo che questo è l'effetto che stai cercando utilizzando le trasformazioni CSS -webkit:

flip effect with webkit animation

Answer 3

Partenza https://github.com/dgileadi/zepto-page-transitions - grande, roba grande!

Answer 4

PageSlider.js è un mini lib estremamente leggero che gestisce le transizioni di pagina in app a singola pagina.

E 'composto da un dipendente di Adobe Christophe Coenraets ed è abbastanza accuratamente testati

https://github.com/ccoenraets/PageSlider

Answer 5

Non c'è davvero la necessità di avere un quadro JS solo per utilizzare transizioni CSS3/animazioni.Date un'occhiata qui per una raccolta di grandi animazioni/transizioni: https://daneden.me/animate/

Tutto ciò che serve per attivare tale transizione è qualcosa di simile:

$('#yourPAgeContainingElement').addClass('animated bounceOutLeft'); 

Answer 6

Ecco a voi: https://github.com/linslin/pagingSlider un nuovo plugin di scorrimento pagina basata su Christophe Coenraets - è dotato di alcune caratteristiche come:

• paging con pagingSlider
• azioni di default pageSlider
• Pagebrowser
• Totaly plugable come pageSlider
• se si vuole, pagemenu per passare direttamente a una pagina

HF