¿Hay alguna alternativa ligera a jQuery Mobile para solo las transiciones de página?

Question

Estoy buscando ULTRA-light marco o fragmento que maneja -webkit transiciones de página css de forma similar a JQM o JQTouch. Funcionan bien, pero no quiero agregar casi 200kb de recursos solo para obtener algunas transiciones.

me gustaría que cuentan con:

de página a página de conmutación (divs) dentro de una única HTML-doucment.

Realice una transición 'volteada' y posiblemente una 'deslizamiento'.

¿Alguien ha visto algo así?

Editar: Me gustaría evitar el uso de jQuery todos juntos.

Answer 1

actualización, ha encontrado:

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

parece como si este tipo ha podido (casi) extraer las transiciones de JQM a una secuencia de comandos independiente.

Inspirado por esto que escribí este guión que voltea las páginas: http://jsfiddle.net/AAfek/47

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

trabaja un placer para mis propósitos ..

Answer 2

U puede echa un vistazo a una página ligero tirón en jQuery: http://tympanus.net/codrops/2010/12/14/moleskine-notebook/

Se han incluido algunas imágenes con el guión, u puede evitarlos obtener aún menor tamaño.

supongo que esto es el efecto que busca usando transformaciones CSS -webkit:

flip effect with webkit animation

Answer 3

Salida https://github.com/dgileadi/zepto-page-transitions - grande, una gran cosa!

Answer 4

PageSlider.js es una mini lib extremadamente liviana que maneja las transiciones de página en aplicaciones de una sola página.

Está hecho por un empleado de Adobe Christophe Coenraets y muy probado a fondo

https://github.com/ccoenraets/PageSlider

Answer 5

No hay realmente una necesidad de tener un marco JS sólo para usar transiciones CSS3/animaciones.Echar un vistazo aquí para una colección de grandes animaciones/transiciones: https://daneden.me/animate/

Todo lo que necesita para activar dicha transición es algo así como:

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

Answer 6

aquí están: https://github.com/linslin/pagingSlider un nuevo plugin página deslizador basan en Christophe Coenraets - viene con algunas características como:

• de paginación con pagingSlider
• acciones pageSlider predeterminado
• Pagebrowser
• enchufable Totaly como pageSlider
• si lo desea, pagemenu para cambiar directamente a una página

HF